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.
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"
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.
FAQ
Y a-t-il une différence entre setTimeout et setInterval ?
Puis-je créer un compte à rebours avec setTimeout en javascript ?
Quelle est la valeur de retour de setTimeout ?
Nos guides de codage :
- LE GUIDE ULTIME DU CSS 2023
- LE GUIDE ULTIME DU HTML 2023
- LE GUIDE ULTIME DE SQL ET NOSQL 2023
- LE GUIDE ULTIME DE JAVASCRIPT 2023
- LE GUIDE ULTIME DE PHP 2023
- LE GUIDE ULTIME DU LIQUIDE (SHOPIFY) 2023
- LE GUIDE ULTIME DE PYTHON 2023
- LE GUIDE ULTIME DE JSON 2023
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 .