Eventi di temporizzazione in JavaScript
Come eseguire il codice JavaScript dopo un intervallo di tempo specifico
Eseguire JavaScript Codice dopo un intervallo di tempo specifico, viene utilizzato l'oggetto finestra.
Esistono due metodi principali/di base, utilizzati per gli eventi di temporizzazione:
- funzione setTimeout ()
- funzione setInterval ()
Entrambe le funzioni di cui sopra vengono utilizzate per eseguire un blocco di codice fornito loro come funzione da eseguire a un intervallo di tempo specificato ma con una differenza sottile. Cominciamo guardando le sintassi sia delle funzioni che delle differenze tra queste sintassi:
funzione setTimeout () in javascript
La sintassi di funzione setTimeout () È:
setTimeout (funzione, timeInterval)// O
finestra.setTimeout (funzione, timeInterval)
Dal momento che sappiamo che l'oggetto finestra viene utilizzato per eseguire il codice JavaScript dopo un intervallo di tempo specificato, tuttavia, anche se non utilizziamo l'oggetto finestra con il setTimeout () O funzione setInterval (), Entrambi lavoreranno allo stesso modo.
IL funzione setTimeout () Prende due argomenti come parametri:
- Uno è una funzione che deve essere eseguita
- Il secondo è un intervallo di tempo in millisecondi, dopo di che verrà eseguita la funzione specificata nel primo parametro.
IL funzione setTimeout () viene utilizzato per eseguire la funzione fornita una volta dopo aver atteso il completamento dell'intervallo di tempo.
Come interrompere la funzione di esecuzione della setTimeout ()
A volte, dobbiamo interrompere l'esecuzione della funzione definita/chiamata in funzione setTimeout () Prima anche di essere raggiunto il tempo menzionato. Ad esempio, durante il caricamento dei dati dal server, mostriamo i caricatori sull'applicazione Web, quando i dati vengono recuperati prima del tempo previsto, possiamo semplicemente fermare il caricatore e mostrare i dati.
funzione cleartimeout () in javascript
Per fermare l'esecuzione del funzione setTimeout (), IL funzione cleartimeout () si usa:
Sintassi
La sintassi del funzione cleartimeout () È:
ClearTimeout (setTimeoutvariable)IL funzione cleartimeout () prende solo il nome della variabile che è stato restituito dalla funzione setTimeout ().
Ad esempio, se abbiamo chiamato il funzione setTimeout ():
holdExec = setTimeout (() =>console.registro (fatto);
, 5000)
Ora, per fermare l'esecuzione del funzione setTimeout () Prima che l'intervallo di tempo venga completato, dobbiamo fornire il "Holdexec"Variabile come argomento al funzione cleartimeout () e il funzione cleartimeout () andrei così:
Cleartimeout (holdExec);Se la funzione all'interno del file funzione setTimeout () non viene eseguito, quindi l'esecuzione del funzione setTimeout () Sarà interrotto.
funzione setInterval () in javascript
IL funzione setInterval () e la sua sintassi è quasi la stessa del funzione setTimeout () Eppure l'unica differenza tra loro è che il funzione setInterval () continua a eseguire la funzione continuamente dopo aver colpito l'intervallo di tempo.
La sintassi di funzione setInterval È:
setInterval (funzione, timeInterval)IL funzione setInterval () Prende anche due argomenti come parametri:
- Uno è una funzione che deve essere eseguita ogni volta dopo l'intervallo di tempo specificato.
- Il secondo parametro è un intervallo di tempo, dopo di che la funzione verrà eseguita più e più volte.
Ora, la domanda sorge qui, se il funzione setInterval () Continua a eseguire la funzione continuamente quindi come possiamo fermare l'esecuzione? La prossima sezione lo spiegherà:
Come interrompere l'esecuzione della funzione setInterval ()
Bene, proprio come il funzione cleartimeout (), Abbiamo anche la possibilità di interrompere l'esecuzione del funzione setInterval ().
funzione clearInterval () in JavaScript
Per fermare l'esecuzione del funzione setInterval (), IL funzione clearInterval () si usa:
Sintassi
La sintassi del funzione clearInterval () È:
ClearInterval (setIntervalvariable)IL funzione clearInterval () prende solo il nome variabile che è stato restituito dal funzione setInterval ().
Ad esempio, se abbiamo chiamato il funzione setInterval ():
holdExec = setInterval (() =>console.registro (tenendo…);
, 100)
Ora, per fermare l'esecuzione del funzione setInterval () Ogni volta che vogliamo, dobbiamo solo fornire il "Holdexec"Variabile come argomento al funzione clearInterval () e il funzione clearInterval () andrei così:
ClearInterval (holdExec);L'esecuzione del funzione setInterval () verrà interrotto a destra quando si esegue il sopra menzionato funzione clearInterval ().
Conclusione
JavaScript offre ai programmatori una serie di metodi per eseguire in modo asincrono un blocco di codice; Questi metodi sono chiamati eventi di temporizzazione. Gli eventi di temporizzazione consentono l'esecuzione periodica del codice JavaScript; Consentono inoltre al programmatore di ritardare l'esecuzione di determinati blocchi di codice. In questo tutorial abbiamo trattato le basi degli eventi di temporizzazione in JavaScript; Abbiamo imparato cosa sono e come usarli nel nostro codice.