JavaScript | Metodo ClearTimeout e ClearInterval

JavaScript offre numerosi metodi per soddisfare i requisiti dei programmatori eseguendo il blocco del codice. Per la pianificazione di un timeout, JavaScript fornisce metodi tra cui setInterval (), setTimeout, Cleartimeout (), E ClearInterval (). Fornisce una funzionalità di timeout che consente agli utenti di eseguire qualsiasi operazione dopo un intervallo di tempo specifico. Inoltre, il pezzo di codice viene ripetuto dopo un set di tempo. Questi metodi sono utili per siti Web sensibili come siti bancari e siti di e-commerce.

Questo post dimostra il lavoro e l'uso dei metodi ClearTimeout () e ClearInterval ():

• Come utilizzare il metodo ClearTimeout () in JavaScript
• Come utilizzare il metodo ClearInterval () in JavaScript

Metodi JavaScript ClearTimeout () e ClearInterval ()

In JavaScript, il Cleartimeout () E ClearInterval () I metodi vengono utilizzati per cancellare il timer che è stato inizializzato utilizzando rispettivamente i metodi setInterval () e setTimeout (). Il metodo Cleartimeout () annulla il timeout che è stato precedentemente impostato da setTimeout (). La stessa procedura viene applicata utilizzando ClearInterval () Per annullare l'intervallo di tempo fisso tramite setInterval ().

Come utilizzare il metodo ClearTimeout () in JavaScript?

IL ClearInterval () Il metodo viene utilizzato per fermare l'esecuzione iniziata con il metodo setTimeout (). Il metodo prende lo stesso nome variabile che è stato restituito con il metodo setTimeout (). La sintassi del metodo Cleartimeout () è fornita qui:

Sintassi

Cleartimeout (timeoutid);

IL timeoutid è il valore del timer impostato con il metodo setTimeout (). È un campo obbligatorio.

Esempio

Un esempio è spiegato con l'uso del Cleartimeout () Metodo in JavaScript.

Codice

Un esempio di utilizzo del metodo ClearTimeout () in JavaScript

Premere il pulsante per avviare il contatore

Premere il pulsante per fermare il contatore

Nel codice sopra, il metodo Cleartimeout () viene utilizzato con il metodo setTimeout () per differenziare il processo di lavoro tra loro. La descrizione è fornita nel formato elencato:

• In primo luogo, un pulsante "Premere il pulsante per avviare il contatore"È attaccato a un file startCount () metodo.
• Un altro pulsante è associato al file stopCount () Metodo per fermare l'esecuzione del metodo sopra.
• Dopo aver premuto il pulsante, la variabile contatore viene inizializzata e incrementata da una 1000 millisecondi.
• Questi valori sono memorizzati in tempo variabile che viene utilizzata per fermare il contatore passandolo al Metodo Cleartimeout ().

Lo screenshot del codice sopra è il seguente:

Produzione

Si osserva che il contatore inizia dopo aver premuto il "Premere il pulsante per avviare il contatore"Pulsante. Il contatore incrementa il valore aggiungendo uno. Il processo continua fino a "Premere il pulsante per fermare il contatore"Il pulsante viene premuto.

Come utilizzare il metodo ClearInterval () in JavaScript?

Questo metodo cancella il programma creato da setInterval () metodo. L'esecuzione del timer creato viene terminata passando la stessa variabile che è stata restituita dal metodo setInterval (). La seguente sintassi si riferisce al metodo setInterval ().

Sintassi

ClearInterval (intervalloid)

In questa sintassi, il intervallo è la variabile di passaggio che utilizza lo stesso valore del metodo setInterval ().

Esempio
Il codice di esempio scritto di seguito si riferisce al file Cleartimeout () metodo in JavaScript.

Codice

Un esempio di utilizzo del metodo ClearInterval () in JavaScript

Premere il pulsante per avviare un intervallo che stampa un messaggio.

Premere il pulsante per avviare l'intervallo
Premere il pulsante per annullare l'intervallo

Il codice è descritto come:

• Due pulsanti sono associati ai metodi.
• IL Risultato() Il metodo è impiegato con un pulsante "Premere il pulsante per avviare l'intervallo".
• Innanzitutto, l'intervallo è impostato dal metodo setInterval ().
• Dopodiché, un messaggio che chiede, "JavaScript è un linguaggio di scripting?"Viene visualizzato ogni 500 millisecondi.
• Alla fine, il ClearInterval () Il metodo viene utilizzato passando la stessa variabile restituita con il metodo setInterval ().

Produzione

Nell'output, il messaggio "JavaScript è un linguaggio di scripting?"Viene visualizzato ripetutamente premendo il pulsante di intervallo di avvio. Dopodiché, il ClearInterval () Il metodo viene utilizzato per interrompere l'esecuzione e visualizzare un messaggio "Intervallo cancellato".

Conclusione

JavaScript fornisce funzionalità per interrompere l'esecuzione del codice utilizzando il Cleartimeout () e metodi clearInterval (). Il metodo Cleartimeout () viene impiegato per cancellare il valore del timer impostato con il metodo setTimeout (). D'altra parte, il ClearInterval () Il metodo arresta l'intervallo passando lo stesso valore impostato con il metodo setInterval () in JavaScript. Qui, hai imparato a capire i metodi ClearTimeout () e ClearInterval () in JavaScript.