Arrestare un Timer JavaScript

Ora sai come avviare un timer, impariamo a fermarlo. Per fare questo è necessario sapere che ogni timer, avviato con la funzione setInterval, ha un numero univoco. Questo numero viene restituito dalla funzione setInterval al momento dell'avvio del timer:

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

alert(timerId); // visualizzerà il numero del timer

Per arrestare il timer viene utilizzata la funzione clearInterval, che accetta il numero univoco del timer che deve essere fermato.

Ad esempio, avviamo un timer che visualizza in console numeri in ordine crescente, a partire da 1. Fermiamo il timer non appena a schermo viene visualizzato il numero 10:

let i = 0;

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

Sia data una variabile che inizialmente contiene il numero 10. Avvia un timer che ogni secondo diminuirà il valore di questa variabile di 1 e lo visualizzerà in console. Non appena il valore della variabile raggiungerà zero - ferma il timer.