1.5 KiB
1.5 KiB
title | localeTitle |
---|---|
How to Create a Countdown Timer | Как создать таймер обратного отсчета |
Как создать таймер обратного отсчета
Создание
Начните с создания функции 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);
};
выполнение
Теперь, чтобы запустить таймер, мы предоставляем startCountdown()
с startCountdown()
значением в качестве аргумента, представляющим секунды для обратного отсчета.
startCountdown(10);
// Console Output //
// 10
// 9
// 8
// 7
// 6
// 5
// 4
// 3
// 2
// 1
// 0
// Ding!
Живой пример
Codepen - таймер обратного отсчета
Дополнительные ресурсы
Используемые методы: