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! 🙂
