Zatrzymywanie timera JavaScript

Wiesz już, jak uruchomić timer, nauczmy się teraz, jak go zatrzymać. Aby to zrobić, musisz wiedzieć, że każdy timer uruchomiony za pomocą funkcji setInterval ma unikalny numer. Ten numer zwraca funkcja setInterval w momencie uruchomienia timera:

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

alert(timerId); // wyświetli numer timera

Do zatrzymania timera używa się funkcji clearInterval, która przyjmuje unikalny numer timera, który należy zatrzymać.

Jako przykład uruchommy timer, wyświetlający w konsoli liczby rosnąco, zaczynając od 1. Zatrzymajmy timer, gdy na ekranie zostanie wyświetlona liczba 10:

let i = 0;

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

Niech będzie dana zmienna, w której początkowo przechowywana jest liczba 10. Uruchom timer, który co sekundę będzie zmniejszał wartość tej zmiennej o 1 i wyświetlał tę wartość w konsoli. Gdy wartość zmiennej osiągnie zero - zatrzymaj timer.