Come posso usare setInterval e clearInterval?

"setInterval" E "ClearInterval"Sono metodi JavaScript integrati. Il "setInterval ()" consente ripetutamente l'esecuzione di una funzione a un intervallo specificato. Mentre il metodo "clearInterval ()" interrompe l'esecuzione di una funzione che era stata precedentemente iniziata utilizzando setInterval.

Questo articolo spiegherà l'uso dei metodi setInterval e clearInterval in JavaScript.

Come utilizzare setInterval e clearInterval?

Per usare il "setInterval" E "ClearInterval"Metodi, segui l'esempio dato.

Esempio
Nell'esempio dato, creeremo un contatore che si fermerà sul clic del pulsante chiamando "ClearInterval"Metodo per fermare la funzione di"setInterval" metodo.

Crea un elemento in cui verrà mostrato il conteggio e un pulsante "Fermare"Per fermare l'incremento del contatore:

>
Fermare

Invocare il metodo "setInterval" passando una funzione "contatore" E tempo "1000"In millisecondi. Quindi, memorizza il valore risultante del metodo "setInterval" in una variabile "MyInterval":

const myInterval = setInterval (contatore, 1000);

Impostare il conteggio su 1:

let count = 1;

Definire una funzione "contatore()"Che chiamerà il"setInterval ()" metodo. Ottieni il riferimento dell'elemento e visualizza il conteggio incrementandolo:

function counter ()
documento.QuerySelector ('Span').InnerText = Count;
conta ++;

Definire un'altra funzione che attiverà il pulsante Clicca per arrestare il contatore chiamando "ClearInterval ()" metodo:

funzione stopcounter ()
ClearInterval (myInterval);

Produzione

L'uscita sopra indica che il contatore si interromperà facendo clic sul pulsante in cui viene chiamato il metodo ClearInterval () che arresta l'incremento del contatore nel metodo setInterval ().

Conclusione

"setInterval" E "ClearInterval"Sono metodi JavaScript predefiniti che consentono di eseguire una funzione ripetutamente con un intervallo di tempo specificato e di arrestare l'esecuzione, rispettivamente. Questo articolo ha spiegato l'uso dei metodi setInterval e ClearInterval in JavaScript con un esempio specifico. Dove il contatore viene interrotto chiamando il metodo clearInterval ().