Pessoal, recentemente precisei de um cronômetro que iniciasse assim que a página fosse carregada, com a opção de parada e recomeço.
Segue um código bem simples para vocês:
var intervalo; function tempo(op) { if (op == 1) { document.getElementById('parar').style.display = "block"; document.getElementById('comeca').style.display = "none"; } var s = 1; var m = 0; var h = 0; intervalo = window.setInterval(function() { if (s == 60) { m++; s = 0; } if (m == 60) { h++; s = 0; m = 0; } if (h < 10) document.getElementById("hora").innerHTML = "0" + h + "h"; else document.getElementById("hora").innerHTML = h + "h"; if (s < 10) document.getElementById("segundo").innerHTML = "0" + s + "s"; else document.getElementById("segundo").innerHTML = s + "s"; if (m < 10) document.getElementById("minuto").innerHTML = "0" + m + "m"; else document.getElementById("minuto").innerHTML = m + "m"; s++; },1000); } function parar() { window.clearInterval(intervalo); document.getElementById('parar').style.display = "none"; document.getElementById('comeca').style.display = "block"; } function volta() { document.getElementById('voltas').innerHTML += document.getElementById('hora').firstChild.data + "" + document.getElementById('minuto').firstChild.data + "" + document.getElementById('segundo').firstChild.data + "<br>"; } function limpa() { document.getElementById('voltas').innerHTML = ""; } window.onload=tempo;
Vocês podem fazer download do exemplo funcionando aqui: Download Cronômetro
Um abraço a todos! 🙂