JavaScript-ajastimen pysäyttäminen

Tiedät jo kuinka käynnistää ajastin, nyt opitaan pysäyttämään se. Tätä varten sinun tulee tietää, että jokaisella setInterval-funktiolla setInterval käynnistetyllä ajastimella on yksilöllinen numero. Tämän numeron palauttaa setInterval-funktio ajastimen käynnistyessä:

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

alert(timerId); // tulostaa ajastimen numeron

Ajastimen pysäyttämiseen käytetään clearInterval-funktiota, joka ottaa vastaan sen ajastimen yksilöllisen numeron, joka on pysäytettävä.

Esimerkkinä käynnistetään ajastin, joka tulostaa konsoliin numeroita nousevassa järjestyksessä alkaen 1:stä. Pysäytetään ajastin, kun ruudulle on tulostettu numero 10:

javascriptlet i = 0;

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