Comment attendre x secondes en javascript

Les langages de programmation modernes soutiennent la méthode Sleep () pour attendre l'exécution d'un programme. JavaScript n'est pas en mesure d'utiliser cette méthode en raison de sa nature asynchrone. Cependant, JavaScript atteint cette tâche en utilisant le setTimeout () méthode. La méthode a la facilité de Attendez x secondes Pendant l'exécution du code pour servir le but spécifique du programmeur.

L'article montre la façon d'attendre x secondes lors de l'exécution du code avec les résultats d'apprentissage suivants:

• • Comment attendre x secondes à l'aide de la méthode setTimeout ()
  • Exemple 1: Attendez 5 secondes en JavaScript
  • Exemple 2: Attendez 3 secondes en JavaScript

Comment attendre x secondes à l'aide de la méthode setTimeout ()?

La méthode setTimeout () exécute le morceau de code lorsque le temps expire. La méthode prend du temps d'entrée en millisecondes et retarde l'exécution définie par l'utilisateur. La méthode setTimeout () prend deux paramètres comme arguments. Le premier argument fait référence à la fonction de rappel, qui s'exécute lorsque le temps expire. Tandis que les autres arguments représentent le nombre de millisecondes qui retardent l'exécution.

Note: 1000 millisecondes se réfèrent à 1 seconde.

Syntaxe

fenêtre.setTimeout (Funct, Millisec);

Le "funct " représente la fonction de rappel, et «Millisec» représente le nombre de millisecondes.

Exemple 1: Attendez 5 secondes en JavaScript

Un exemple est considéré pour attendre 5 secondes en utilisant la méthode setTimeout () en JavaScript. Le code est fourni ci-dessous:

Code

console.log ("Un exemple pour attendre 5 secondes en javascript");
console.log ("javascript");
setTimeout (() => Console.journal ("monde"); , 5000);

Dans ce code, la méthode intégrée setTimeout () est employé pour attendre 5000 millisecondes (5 secondes). Après cela, affichez le message "Monde" Dans la fenêtre de la console.

Sortir

Il est observé dans la fenêtre de sortie que "JavaScript" est imprimé en premier. Après avoir attendu 5 secondes, le deuxième message "Monde" est présenté dans la console.

Exemple 2: Attendez 3 secondes en JavaScript

Comme JavaScript est de nature asynchrone, il peut exécuter des fonctions parallèles. À cette fin, un exemple est considéré comme attendant 3 secondes de manière asynchrone. À cette fin, le code est donné ici.

Code

console.log ("Un exemple pour attendre 3 secondes en javascript");
attendez();
fonction asynchrone attend ()
console.log ("Bienvenue à JavaScript");
attendre le sommeil (3000);
console.log ("Bienvenue sur LinuxHint");

fonction Sleep (ms)
retourner la nouvelle promesse (val => setTimeout (val, ms));

La description du code est donnée ci-dessous:

• • Le "attendez" la méthode est employée de manière asynchrone.
  • Dans cette méthode, «3000» millisecondes sont transmises au dormir() Méthode pour retarder 3 secondes.
  • Dans le dormir() Méthode, le "Promesse" L'objet est utilisé pour exécuter l'opération de manière asynchrone.
  • En fin de compte, le setTimeout () la méthode est employée en passant les millisecondes "SP".

Sortir

La sortie affiche le code exécutable et affiche «Bienvenue à JavaScript." Après avoir attendu 3 secondes, le message "Bienvenue à Linuxhint" est affiché dans la fenêtre de la console.

Conclusion

JavaScript fournit une méthode intégrée setTimeout () pour attendre x secondes en fonction des besoins des utilisateurs. Le terme «x» fait ici référence au nombre de secondes. Le setTimeout () ne casse pas le contrôle du flux du programme mais retarde son exécution. Le temps est prévu en millisecondes par l'utilisateur. Ce message a démontré l'utilisation de la méthode semeTimeout () pour attendre des secondes spécifiques en JavaScript.