Спиране на таймер в JavaScript

Вече знаете как да стартирате таймер, нека сега се научим да го спираме. За това трябва да знаете, че всеки таймер, стартиран с функцията setInterval, има уникален номер. Този номер се връща от функцията setInterval в момента на стартиране на таймера:

javascriptlet timerId = setInterval(function() {
  console.log('!')
}, 1000);

alert(timerId); // ще изведе номера на таймера

За спиране на таймера се използва функцията clearInterval, която приема уникалния номер на таймера, който трябва да бъде спрян.

Като пример нека стартираме таймер, който извежда в конзолата числа във възходящ ред, започвайки от 1. Ще спрем таймера, щом на екрана бъде изведено числото 10:

javascriptlet i = 0;

let timerId = setInterval(function() {
  console.log(++i);
  
  if (i >= 10) {
    clearInterval(timerId);
  }
}, 1000);