Maison > interface Web > js tutoriel > Comment puis-je faire en sorte que « setInterval » s'exécute immédiatement en JavaScript ?

Comment puis-je faire en sorte que « setInterval » s'exécute immédiatement en JavaScript ?

Mary-Kate Olsen
Libérer: 2024-11-09 05:14:02
original
948 Les gens l'ont consulté

How Can I Make `setInterval` Execute Immediately in JavaScript?

Exécution immédiate de setInterval

Lors de l'utilisation de la méthode setInterval de JavaScript, il est souvent souhaitable que la fonction s'exécute immédiatement, puis continue de s'exécuter avec le spécifié retard de la minuterie. Cependant, par défaut, setInterval n'exécute pas la fonction immédiatement.

Exécution initiale sans délai

L'approche la plus simple consiste à appeler manuellement la fonction immédiatement avant d'appeler setInterval :

foo();
setInterval(foo, delay);
Copier après la connexion

Méthode alternative avec setTimeout

Vous pouvez également utiliser setTimeout pour déclencher des exécutions ultérieures de la fonction :

function foo() {
  // ...
  setTimeout(foo, delay);
}
foo(); // start the cycle
Copier après la connexion

Cette méthode garantit un délai minimum entre les appels de fonction et simplifie l'annulation.

Utilisation d'une expression de fonction immédiatement invoquée (IIFE)

Cette technique combine définition de la fonction et exécution initiale en une seule instruction :

(function foo() {
  ...
  setTimeout(foo, delay);
})();
Copier après la connexion

L'IIFE définit la fonction et démarre la boucle en une seule ligne de code, fournissant une solution concise et efficace.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal