JavaScript időzítő leállítása

Már tudod, hogyan indíts el egy időzítőt, most tanuljuk meg, hogyan állítsuk meg. Ehhez tudnod kell, hogy minden a setInterval függvénnyel elindított időzítőnek van egy egyedi azonosítója. Ezt a számot adja vissza a setInterval függvény az időzítő indításakor:

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

alert(timerId); // kiírja az időzítő azonosítóját

Az időzítő leállításához a clearInterval függvényt használjuk, amely elfogadja annak az időzítőnek az egyedi azonosítóját, amelyet le szeretnénk állítani.

Példaként indítsunk el egy időzítőt, amely növekvő számokat ír a konzolra, kezdve 1-től. Állítsuk le az időzítőt, amint a 10 szám megjelenik a képernyőn:

javascriptlet i = 0;

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