Come interrompere la chiamata setInterval in JavaScript

In JavaScript, invocare/chiamare una funzione è essenziale per l'esecuzione di un pezzo di codice ripetutamente. JavaScript fornisce a setInterval () Metodo che imposta il ritardo specifico tra ogni chiamata di una funzione ripetutamente chiamata. Inoltre, è utile fermare i metodi di chiamata. A tale scopo, il ClearInterval () Viene introdotto il metodo per fermare la chiamata a intervallo impostato. Questo post dimostra il metodo per interrompere le chiamate setInterval in JavaScript.

• Come interrompere la chiamata setInterval in JavaScript
• Esempio 1: interrompere il metodo del clock Call di setInterval utilizzando ClearInterval ()
• Esempio 2: interrompere il metodo del messaggio setInterval utilizzando clearInterval ()

Come interrompere la chiamata setInterval in JavaScript?

JavaScript è in grado di eseguire un codice specifico dopo un ritardo. Ogni volta che viene eseguita ripetutamente una funzione di funzione o codice. A volte, una situazione si trova a fermare il messaggio o il timer. IL ClearInterval () La funzione viene utilizzata per fermare la chiamata setInterval accettando lo stesso intervallo di tempo. La sintassi è fornita qui:

Sintassi

clearInterval (intervallo_id);

IL intervallo_id Specifica l'intervallo di tempo che viene restituito da setInterval () metodo.

Esempio 1: Utilizzo del metodo ClearInterval () per interrompere il tempo di clock SetInterval

Un esempio è considerato per interrompere la chiamata del setInterval impiegando il ClearInterval () metodo. L'esempio comprende i codici HTML e JavaScript, che sono spiegati di seguito:

Codice HTML

Un esempio per interrompere la chiamata setInterval in JavaScript

Tempo di stop

La descrizione del codice HTML è fornita di seguito:

• Un bottone "Tempo di stop"Viene creato che è associato a un metodo"MyStopFunction ()".
• Il metodo viene attivato quando l'utente preme il "Tempo di stop"Pulsante.
• Alla fine, il "test.js"Il file viene passato come fonte all'interno del""Tag.

Prendiamo il codice JavaScript (il file è chiamato come "test.js"Sul nostro sistema):

Codice JavaScript

var myvar = setInterval (mytim, 1000);
functionmytim ()
var d = newDate ();
var t = d.tolocaletimestring ();
documento.getElementById ("Demo").InnerHtml = T;

functionMyStopFunction ()
ClearInterval (myvar);

In questo codice:

• IL "setInterval ()"Il metodo imposta l'intervallo di tempo specifico passando"Mytim" E "1000"Milisecondi come parametri.
• In questo "mytim ()"Metodo, variabile"D"Memorizza la data corrente e la variabile"T"Estrae l'ora corrente chiamando il"tolocaletimestring ()" metodo.
• Alla fine, il "MyStopFunction ()"È impiegato per fermare la chiamata setInterval da"ClearInterval ()" metodo.

Produzione

L'uscita mostra che l'intervallo di impostazione viene interrotto premendo il pulsante "Tempo di stop"Nella finestra del browser.

Esempio 2: utilizzando il metodo ClearInterval () per interrompere la chiamata setInterval in un ciclo per loop

Un esempio è considerato per visualizzare un semplice messaggio utilizzando la chiamata setInterval in JavaScript. IL ClearInterval () La funzione viene utilizzata per cancellare l'intervallo di 1000 ms (1 secondi). Ad esempio, il codice è fornito di seguito.

Codice

var i = 0;
var int = setInterval (function ()
console.log ("JavaScript World");
I ++;
if (i> = 5)
ClearInterval (int);

, 1000);

In questo codice:

• IL setInterval () Il metodo ha superato una funzione di callback e 1000 come argomenti.
• All'interno della funzione (), il messaggio "JavaScript World"Viene visualizzato cinque volte. Quando il limite supera il numero, il ClearInterval () fermerà la chiamata setInterval.
• IL intervallo chiaro () rompe l'intervallo impostato passando un int valore.
• Alla fine, il setInterval () Il metodo viene fermato attraverso il ClearInterval () metodo.

Produzione

L'output restituisce il messaggio "Javascript World" e ferma la chiamata setInterval dopo 5 secondi.

Conclusione

IL ClearInterval () Il metodo viene utilizzato per fermare la chiamata setInterval in JavaScript. Il metodo è utile per cancellare il tempo impostato da SetInterval. Questo post dimostra il lavoro e l'uso del ClearInterval () Metodo per fermare la chiamata setInterval in JavaScript. È importante quando l'utente ha già impostato un tempo specifico per qualsiasi funzione specifica. In questo post, un esempio visualizza un semplice messaggio utilizzando la funzione di callback e l'intervallo. Il secondo esempio mostra il tempo di clock digitale che smette di usare il ClearInterval () metodo.