Stoppen eines JavaScript-Timers

Sie wissen bereits, wie man einen Timer startet, lassen Sie uns jetzt lernen, wie man ihn stoppt. Dazu müssen Sie wissen, dass jeder Timer, der mit der Funktion setInterval gestartet wird, eine eindeutige Nummer hat. Diese Nummer wird von der Funktion setInterval zurückgegeben, wenn der Timer gestartet wird:

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

alert(timerId); // gibt die Timer-Nummer aus

Um den Timer zu stoppen, wird die Funktion clearInterval verwendet, die die eindeutige Nummer des Timers annimmt, der gestoppt werden soll.

Starten wir als Beispiel einen Timer, der Zahlen in aufsteigender Reihenfolge in der Konsole ausgibt, beginnend mit 1. Stoppen wir den Timer, sobald die Zahl 10 ausgegeben wurde:

let i = 0;

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

Angenommen, es gibt eine Variable, die anfangs die Zahl 10 speichert. Starten Sie einen Timer, der jede Sekunde den Wert dieser Variable um 1 verringert und diesen Wert in der Konsole ausgibt. Sobald der Wert der Variable Null erreicht - stoppen Sie den Timer.