Galera encontrei esse código em um fórum, fiz algumas modificações só que não sei por que o script só está sendo executado depois de 1 segundo, por exemplo... ele funciona normal atualizando depois de 1s, só que ele não mostra o primeiro segundo, entenderam? a printagem dos valores na tela vem depois do primeiro segundo... Parece coisa simples, só que não sou muito bom em JS, fucei fucei e não consegui fazer funfa como quero!
Detalhe: Necessita do jquery
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
var tempo = new Number();
// Tempo em segundos
tempo = 86400;
function startCountdown(){
// Se o tempo não for zerado
if((tempo - 1) >= 0){
// Pega a parte inteira dos minutos
var min = parseInt(tempo/60);
// horas, pega a parte inteira dos minutos
var hor = parseInt(min/60);
//atualiza a variável minutos obtendo o tempo restante dos minutos
min = min % 60;
// Calcula os segundos restantes
var seg = tempo%60;
// Formata o número menor que dez, ex: 08, 07, ...
if(min < 10){
min = "0"+min;
min = min.substr(0, 2);
}
if(seg <=9){
seg = "0"+seg;
}
if(hor <=9){
hor = "0"+hor;
}
// Cria a variável para formatar no estilo hora/cronômetro
horaImprimivel = hor+':' + min + ':' + seg;
//JQuery pra setar o valor
$("#sessao").html(horaImprimivel);
// Define que a função será executada novamente em 1000ms = 1 segundo
setTimeout('startCountdown()',1000);
// diminui o tempo
tempo--;
// Quando o contador chegar a zero faz esta ação
}
}
// Chama a função ao carregar a tela
startCountdown();
</script>
</head>
<body>
<span id='sessao'></span>
</body>
</html>
24:00:00
... depois vai descendo:23:59:59
...23:59:58
e assim por diante.