Stoppa JavaScript-timer

Du vet redan hur man startar en timer, låt oss nu lära oss hur man stoppar den. För att göra detta behöver du veta att varje timer som startas med funktionen setInterval har ett unikt nummer. Detta nummer returneras av funktionen setInterval när timern startas:

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

alert(timerId); // visar timerns nummer

För att stoppa en timer används funktionen clearInterval, som tar emot det unika numret på den timer som ska stoppas.

Låt oss som exempel starta en timer som skriver ut siffror i stigande ordning, med start från 1. Vi stoppar timern när siffran 10 har skrivits ut:

let i = 0;

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

Antag att vi har en variabel som initialt innehåller siffran 10. Starta en timer som varje sekund minskar värdet på denna variabel med 1 och skriver ut värdet till konsolen. När variabelns värde når noll - stoppa timern.