Zastavení časovače JavaScript

Už víte, jak spustit časovač, nyní se naučme jej zastavit. K tomu je potřeba vědět, že každý časovač, spuštěný pomocí funkce setInterval, má jedinečné číslo. Toto číslo vrací funkce setInterval v okamžiku spuštění časovače:

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

alert(timerId); // vypíše číslo časovače

Pro zastavení časovače se používá funkce clearInterval, která přijímá jedinečné číslo toho časovače, který je potřeba zastavit.

Jako příklad spusťme časovač, vypisující do konzole čísla vzestupně, počínaje 1. Zastavme časovač, jakmile na obrazovku bude vypsáno číslo 10:

javascriptlet i = 0;

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