Stoppe JavaScript-timer

Du ved allerede, hvordan man starter en timer, lad os nu lære at stoppe den. For at gøre dette skal du vide, at hver timer, startet med funktionen setInterval, har et unikt nummer. Dette nummer returneres af funktionen setInterval i øjeblikket timeren startes:

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

alert(timerId); // vil udskrive timerens nummer

For at stoppe timeren bruges funktionen clearInterval, som accepterer det unikke nummer på den timer, der skal stoppes.

Lad os som eksempel starte en timer, der udskriver tal i stigende rækkefølge i konsollen, startende fra 1. Vi stopper timeren, så snart tallet 10 er vist:

let i = 0;

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

Antag, at der er givet en variabel, der oprindeligt indeholder tallet 10. Start en timer, der hvert sekund vil reducere værdien af denne variabel med 1 og udskrive denne værdi i konsollen. Så snart værdien af variablen når nul - stop timeren.