Спиране на таймер в JavaScript
Вече знаете как да стартирате таймер, нека
сега се научим да го спираме. За това
трябва да знаете, че всеки таймер,
стартиран с функцията setInterval,
има уникален номер. Този номер се връща от
функцията setInterval в момента на стартиране
на таймера:
let timerId = setInterval(function() {
console.log('!')
}, 1000);
alert(timerId); // ще изведе номера на таймера
За спиране на таймера се използва функцията
clearInterval, която приема уникалния
номер на таймера, който трябва да бъде спрян.
Като пример нека стартираме таймер, който извежда
в конзолата числа във възходящ ред, започвайки от
1. Ще спрем таймера, щом
на екрана бъде изведено числото 10:
let i = 0;
let timerId = setInterval(function() {
console.log(++i);
if (i >= 10) {
clearInterval(timerId);
}
}, 1000);
Нека е дадена променлива, в която първоначално
се съхранява числото 10. Стартирайте таймер,
който всяка секунда ще намалява стойността
на тази променлива с 1 и ще извежда тази
стойност в конзолата. Щом стойността на променливата
достигне нула - спрете таймера.