Zastavenie časovača JavaScript

Už viete, ako spustiť časovač, poďme sa teraz naučiť, ako ho zastaviť. Na to potrebujete vedieť, že každý časovač spustený pomocou funkcie setInterval má jedinečné číslo. Toto číslo vracia funkcia setInterval v momente spustenia časovača:

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

alert(timerId); // vypíše číslo časovača

Na zastavenie časovača sa používa funkcia clearInterval, ktorá prijíma jedinečné číslo toho časovača, ktorý sa má zastaviť.

Pre príklad spustíme časovač, ktorý vypisuje do konzoly čísla vo vzostupnom poradí, začínajúc od 1. Zastavíme časovač, akonáhle sa na obrazovku vypíše číslo 10:

let i = 0;

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

Nech je daná premenná, v ktorej sa pôvodne ukladá číslo 10. Spustite časovač, ktorý každú sekundu zníži hodnotu tejto premennej o 1 a vypíše túto hodnotu do konzoly. Akonáhle hodnota premennej dosiahne nulu - zastavte časovač.