1.3 KiB
1.3 KiB
title | localeTitle |
---|---|
How to Create a Countdown Timer | Como criar um temporizador de contagem regressiva |
Como criar um temporizador de contagem regressiva
Criação
Comece construindo a função countdownTimer.
function startCountdown(seconds){
var counter = seconds;
var interval = setInterval(() => {
console.log(counter);
counter--;
if(counter < 0 ){
// The code here will run when
// the timer has reached zero.
clearInterval(interval);
console.log('Ding!');
};
}, 1000);
};
Execução
Agora, para iniciar o cronômetro, fornecemos startCountdown()
com um valor numérico como um argumento que representa os segundos para a contagem regressiva.
startCountdown(10);
// Console Output //
// 10
// 9
// 8
// 7
// 6
// 5
// 4
// 3
// 2
// 1
// 0
// Ding!
Exemplo Vivo
Codepen - temporizador de contagem regressiva
Mais recursos
Métodos utilizados: