JavaScript timer stoppen

Je weet al hoe je een timer start, laten we nu leren hoe we hem kunnen stoppen. Hiervoor moet je weten dat elke timer, gestart met de functie setInterval, een uniek nummer heeft. Dit nummer retourneert de functie setInterval op het moment van starten van de timer:

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

alert(timerId); // toont het timernummer

Voor het stoppen van de timer wordt de functie clearInterval gebruikt, die het unieke nummer accepteert van de timer die gestopt moet worden.

Laten we als voorbeeld een timer starten die getallen in de console toont in oplopende volgorde, beginnend met 1. We stoppen de timer zodra het getal 10 is getoond:

let i = 0;

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

Stel we hebben een variabele waarin aanvankelijk het getal 10 is opgeslagen. Start een timer, die elke seconde de waarde van deze variabele met 1 vermindert en deze waarde in de console toont. Zodra de waarde van de variabele nul bereikt - stop de timer.