JavaScripti ajasturi peatamine

Te juba teate, kuidas ajastit käivitada, nüüd õpime, kuidas seda peatada. Selleks peate teadma, et igal ajastril, mida käitatakse funktsiooni setInterval abil, on unikaalne number. Selle numbri tagastab funktsioon setInterval ajastri käivitamise hetkel:

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

alert(timerId); // kuvab ajastri numbri

Ajastri peatamiseks kasutatakse funktsiooni clearInterval, mis võtab vastu unikaalse numbri sellest ajastrist, mida tuleb peatada.

Näitena käivitame ajastri, mis kuvab konsooli numbreid kasvavas järjekorras, alates 1. Peatame ajastri niipea, kui ekraanile kuvatakse number 10:

let i = 0;

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

Olgu antud muutuja, milles algselt hoitakse numbrit 10. Käivitage ajastur, mis iga sekund vähendab selle muutuja väärtust 1 võrra ja kuvab selle väärtuse konsoolis. Niipea kui muutuja väärtus jõuab nullini - peatage ajastur.