Come aspettare x secondi in javascript

Come aspettare x secondi in javascript

I moderni linguaggi di programmazione supportano il metodo Sleep () per attendere l'esecuzione di un programma. JavaScript non è in grado di utilizzare questo metodo a causa della sua natura asincrona. Tuttavia, JavaScript raggiunge questo compito usando il setTimeout () metodo. Il metodo ha la struttura Aspetta x secondi Durante l'esecuzione del codice per servire lo scopo specifico del programmatore.

L'articolo dimostra il modo di attendere x secondi durante l'esecuzione del codice con i seguenti risultati di apprendimento:

    • Come aspettare x secondi utilizzando il metodo setTimeout ()
    • Esempio 1: attendere 5 secondi in JavaScript
    • Esempio 2: attendere 3 secondi in JavaScript

Come aspettare x secondi utilizzando il metodo setTimeout ()?

Il metodo setTimeout () esegue il pezzo di codice quando scade il tempo. Il metodo richiede tempo di input in millisecondi e ritarda l'esecuzione definita dall'utente. Il metodo setTimeout () prende due parametri come argomenti. Il primo argomento si riferisce alla funzione di callback, che esegue quando scade il tempo. Mentre gli altri argomenti rappresentano il numero di millisecondi che ritardano l'esecuzione.

Nota: 1000 millisecondi si riferiscono a 1 secondo.

Sintassi

finestra.setTimeout (funct, millisec);


IL "funct " rappresenta la funzione di callback e "Milisec" rappresenta il numero di millisecondi.

Esempio 1: attendere 5 secondi in JavaScript

Un esempio è considerato per l'attesa di 5 secondi utilizzando il metodo setTimeout () in JavaScript. Il codice è fornito di seguito:

Codice

console.log ("Un esempio per aspettare 5 secondi in JavaScript");
console.log ("javascript");
setTimeout (() => console.log ("mondo"); , 5000);


In questo codice, il metodo integrato setTimeout () è impiegato per aspettare 5000 millisecondi (5 secondi). Dopodiché, visualizza il messaggio "Mondo" Nella finestra della console.


Produzione


Si osserva nella finestra di output "Javascript" è stampato per primo. Dopo aver atteso 5 secondi, il secondo messaggio "Mondo" è presentato nella console.

Esempio 2: attendere 3 secondi in JavaScript

Poiché JavaScript è di natura asincrona, può eseguire funzioni parallele. A tale scopo, si considera che un esempio attenda 3 secondi in modo asincrono. A tale scopo, il codice è dato qui.

Codice

console.log ("Un esempio per aspettare 3 secondi in JavaScript");
Aspettare();
funzione Async wait ()
console.log ("Welcome to JavaScript");
Aspetta il sonno (3000);
console.log ("Welcome to LinuxHint");

funzione sleep (ms)
restituire nuove promesse (val => setTimeout (val, ms));


La descrizione del codice è riportata di seguito:

    • IL "Aspettare" Il metodo è impiegato in modo asincrono.
    • In questo metodo, "3000" i millisecondi vengono passati al sonno() Metodo per ritardare 3 secondi.
    • Nel sonno() Metodo, il "Promettere" L'oggetto viene impiegato per eseguire l'operazione in modo asincrono.
    • Alla fine, il setTimeout () Il metodo viene impiegato passando i millisecondi "SM".


Produzione


L'output mostra il codice eseguibile e le visualizzazioni “Benvenuti in JavaScript." Dopo aver aspettato 3 secondi, il messaggio "Benvenuti a Linuxhint" viene visualizzato nella finestra della console.

Conclusione

JavaScript fornisce un metodo integrato setTimeout () attendere x secondi in base alle esigenze dell'utente. Il termine "x" qui si riferisce al numero di secondi. Il setTimeout () non rompe il controllo del flusso del programma ma ritarda la sua esecuzione. Il tempo è fornito in millisecondi dall'utente. Questo post ha dimostrato l'utilizzo del metodo sertimeout () per attendere secondi specifici in JavaScript.