Oprirea timerului JavaScript

Știți deja cum să porniți un timer, acum haideți să învățăm cum să îl oprim. Pentru aceasta trebuie să știți că fiecare timer, pornit cu ajutorul funcției setInterval, are un număr unic. Acest număr este returnat de funcția setInterval în momentul pornirii timerului:

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

alert(timerId); // va afișa numărul timerului

Pentru oprirea timerului se folosește funcția clearInterval, care primește numărul unic al acelui timer care trebuie oprit.

De exemplu, haideți să pornim un timer care afișează în consolă numere în ordine crescătoare, începând cu 1. Oprim timerul, imediat ce pe ecran va fi afișat numărul 10:

let i = 0;

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

Să presupunem că avem o variabilă, în care inițial este stocat numărul 10. Porniți un timer, care la fiecare secundă va micșora valoarea acestei variabile cu 1 și va afișa această valoare în consolă. Imediat ce valoarea variabilei atinge zero - opriți timerul.