Zastavenie časovača JavaScript

Už viete, ako spustiť časovač, poďme sa teraz naučiť, ako ho zastaviť. Na to potrebujete vedieť, že každý časovač spustený pomocou funkcie setInterval má jedinečné číslo. Toto číslo vracia funkcia setInterval v momente spustenia časovača:

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

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

Na zastavenie časovača sa používa funkcia clearInterval, ktorá prijíma jedinečné číslo toho časovača, ktorý sa má zastaviť.

Pre príklad spustíme časovač, ktorý vypisuje do konzoly čísla vo vzostupnom poradí, začínajúc od 1. Zastavíme časovač, akonáhle sa na obrazovku vypíše číslo 10:

javascriptlet i = 0;

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