Maison  >  Article  >  interface Web  >  Quelle est la différence entre « setInterval » et « setTimeout » en JavaScript ?

Quelle est la différence entre « setInterval » et « setTimeout » en JavaScript ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-15 01:03:03948parcourir

What is the difference between `setInterval` and `setTimeout` in JavaScript?

Comprendre la différence entre « setInterval » et « setTimeout » en JavaScript

En JavaScript, « setInterval » et « setTimeout » sont des fonctions puissantes qui contrôlent l’exécution du code en fonction du temps. Bien que les deux fonctions impliquent la planification de tâches à exécuter après un délai spécifié, elles diffèrent considérablement dans leur comportement sous-jacent.

'setInterval' : exécution répétée

'setInterval' est spécifiquement conçu pour l’exécution répétée d’une tâche à intervalles réguliers. Lorsqu'il est appelé, il crée un minuteur qui exécute le code ou la fonction spécifié à plusieurs reprises, avec un délai fixe entre chaque répétition. Ce comportement le rend idéal pour les tâches qui doivent se produire de manière continue, telles que des animations ou des éléments clignotants.

Exemple de code :

const intervalID = setInterval(() => {
  console.log("Hello World!");
}, 1000); // Executes every second

'setTimeout' : exécution unique

En revanche, 'setTimeout' planifie une exécution unique de code ou de fonction après un délai spécifié. Il crée un minuteur qui attend pendant la durée spécifiée puis déclenche l'exécution de la tâche. Une fois la tâche terminée, le minuteur est automatiquement effacé.

Exemple de code :

setTimeout(() => {
  console.log("Hello World!");
}, 5000); // Executes after 5 seconds

Distinction clé :

La différence fondamentale entre 'setInterval' et 'setTimeout' réside dans la nature de leur exécution. « setInterval » déclenche une exécution répétée à intervalles réguliers, tandis que « setTimeout » effectue une exécution unique après un délai spécifié. Cette distinction a des implications cruciales pour l'utilisation appropriée de chaque fonction dans divers scénarios de programmation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn