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ä:

let 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:

let i = 0;

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

Olkoon muuttuja, jossa alun perin säilytetään numero 10. Käynnistä ajastin, joka vähentää tämän muuttujan arvoa 1:llä joka sekunti ja tulostaa tämän arvon konsoliin. Kun muuttujan arvo saavuttaa nollan - pysäytä ajastin.