Ustavitev časovnika JavaScript

Že veste, kako zagnati časovnik, zdaj pa se naučimo, kako ga ustaviti. Za to morate vedeti, da ima vsak časovnik, zagnan s funkcijo setInterval, enolično številko. To številko vrne funkcija setInterval ob zagonu časovnika:

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

alert(timerId); // izpiše številko časovnika

Za zaustavitev časovnika se uporablja funkcija clearInterval, ki sprejme enolično številko časovnika, ki ga želite ustaviti.

Za primer zagnali časovnik, ki izpisuje v konzolo števila v naraščajočem vrstnem redu, začenši z 1. Ustavili časovnik, ko bo izpisano število 10:

javascriptlet i = 0;

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