Zastavení časovače JavaScript

Už víte, jak spustit časovač, nyní se naučme jej zastavit. K tomu je potřeba vědět, že každý časovač, spuštěný pomocí funkce setInterval, má jedinečné číslo. Toto číslo vrací funkce setInterval v okamžiku spuštění časovače:

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

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

Pro zastavení časovače se používá funkce clearInterval, která přijímá jedinečné číslo toho časovače, který je potřeba zastavit.

Jako příklad spusťme časovač, vypisující do konzole čísla vzestupně, počínaje 1. Zastavme časovač, jakmile na obrazovku bude vypsáno číslo 10:

let i = 0;

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

Nechť je dána proměnná, ve které zpočátku je uloženo číslo 10. Spusťte časovač, který každou sekundu bude snižovat hodnotu této proměnné o 1 a vypisovat tuto hodnotu do konzole. Jakmile hodnota proměnné dosáhne nuly - zastavte časovač.