Zaustavljanje tajmera u JavaScript-u

Već znate kako da pokrenete tajmer, hajde sada da naučimo kako da ga zaustavimo. Za ovo je potrebno da znate da svaki tajmer, pokrenut pomoću funkcije setInterval, ima jedinstveni broj. Ovaj broj vraća funkcija setInterval u trenutku pokretanja tajmera:

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

alert(timerId); // ispisaće broj tajmera

Za zaustavljanje tajmera koristi se funkcija clearInterval, koja prima jedinstveni broj onog tajmera koji treba zaustaviti.

Za primer, hajde da pokrenemo tajmer koji ispisuje u konzolu brojeve u rastućem redosledu, počev od 1. Zaustavimo tajmer čim se na ekran ispiše broj 10:

let i = 0;

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

Neka je data promenljiva, u kojoj se inicijalno čuva broj 10. Pokrenite tajmer, koji će svake sekunde smanjivati vrednost ove promenljive za 1 i ispisivati tu vrednost u konzolu. Čim vrednost promenljive dostigne nulu - zaustavite tajmer.