Aprenda rápido e de maneira super fácil a construir um cronômetro utilizando o JavaScript.
Neste vídeo do nosso canal você consegue visualizar seu funcionamento, aproveite e código e estilize seu cronômetro com seus conhecimentos.
Vídeo
Não se esqueça de dar uma força e se inscrever em nosso canal!
Código
Aproveite o código:
<!DOCTYPE html>
<html>
<heaer>
<title>
Tetse
</title>
<meta charset="UTF-8">
<style>
.display span{
font-size: 50px;
}
</style>
</heaer>
<body>
<div class="display">
<!--DISPLAY-->
<span id="minuto">00</span><span>:</span><span id="segundo">00</span>
</div>
<script>
let segundos = 0;
let minutos = 0;
function segundo(){
//incrementa os segundos
segundos++;
if(segundos==60){
//incrementa os minutos
minutos++;
//Zerar os segundos
segundos=0;
//escreve os minutos
document.getElementById('minuto').innerHTML=minutos
}
//escreve os segundos
document.getElementById('segundo').innerHTML=segundos
}
setInterval(function(){ segundo() },1000)
</script>
</body>
</html>