How to Delay execution with setTimeout in JavaScript

Comment retarder l'exécution avec setTimeout en JavaScript

Voulez-vous retarder l’exécution du code ? Ensuite, la méthode JavaScript setTimeout pourrait s’avérer utile.

Dans ce didacticiel, vous apprendrez en détail la syntaxe setTimeout et les conseils pour l'utiliser le plus efficacement possible. Vous découvrirez également la méthode pour effacer le délai d'attente.

À la fin de ce tutoriel, vous devriez être capable de gérer setTimeout comme un pro !

Comment fonctionne setTimeout

La plupart d’entre nous utilisent setTimeout tout le temps sans s’en rendre compte.

C'est une fonction pratique qui nous aide à contrôler l'exécution du code après un délai défini.

Le code s'exécutera une fois après le délai spécifié lors de son utilisation.

Vous pouvez spécifier un délai en millisecondes, ce qui vous permet de contrôler précisément combien de temps le code attendra avant d'exécuter le code qu'il contient.

Par exemple, vous pouvez l'utiliser pour mettre en file d'attente plusieurs tâches et les exécuter toutes en même temps une fois le délai écoulé.

Passer des paramètres à setTimeout

Il prend deux paramètres : le nom de la fonction et la valeur du délai en millisecondes.

Vous pouvez également transmettre le rappel direct ou une fonction fléchée comme premier paramètre.

Exemple de setTimeout

Jetons un coup d'œil à un exemple de la façon de l'utiliser.

Exemple rapide

Redirigez un utilisateur vers une autre page après 5 secondes.

Vous pouvez rediriger un utilisateur en JavaScript via window.location.href = "URL"

Exemple de setTimeout

clearTimeout – Effacer l'exécution de setTimeout

Effacer le délai d'attente est utile à diverses fins dans le code.

Il peut être utilisé pour nettoyer du code ou annuler une action déjà commencée.

Par exemple, si vous définissez une minuterie sur 10 minutes et que vous souhaitez l'annuler plus tôt ou annuler le délai d'attente en fonction d'une condition spécifique. Vous pouvez utiliser clearTimeout .

Cela arrêtera l'exécution du minuteur et le ramènera à son état initial.

Vous pouvez également utiliser clearTimeout pour éviter les boucles infinies et autres problèmes.

Exemple clearTimeout

FAQ

Y a-t-il une différence entre setTimeout et setInterval ?

setTimeout exécute le code après un laps de temps défini et il ne s'exécute qu'une seule fois. En revanche, setInterval exécute le code plusieurs fois selon l'intervalle défini en millisecondes.

Puis-je créer un compte à rebours avec setTimeout en javascript ?

Vous ne pouvez pas créer de compte à rebours car il ne s'exécute qu'une seule fois. Cependant, vous pouvez utiliser la méthode setInterval à cette fin.

Quelle est la valeur de retour de setTimeout ?

Il renvoie timeoutID , qui est une valeur entière positive. Pour arrêter le délai d'attente, cette valeur peut être transmise à clearTimeout.

Nos guides de codage :

Conclusion

Dans cet article, vous avez tout appris sur setTimeout. Vous avez appris comment cela fonctionne, comment l'annuler et comment transmettre ses paramètres.

Ensuite, apprenez à créer votre propre application de comptage de mots et de caractères en JavaScript .