Existe-t-il un moyen d'appeler une fonction périodiquement en JavaScript ?

Question

Existe-t-il un moyen d'appeler une fonction périodiquement en JavaScript ?

Answer 1

El setInterval() appelle de manière répétée une fonction ou exécute un extrait de code, avec un délai fixe entre chaque appel. Elle renvoie un ID d'intervalle qui identifie de manière unique l'intervalle, de sorte que vous pouvez le supprimer ultérieurement en appelant clearInterval().

var intervalId = setInterval(function() {
  alert("Interval reached every 5s")
}, 5000);

// You can clear a periodic function by uncommenting:
// clearInterval(intervalId);

Voir plus @ setInterval() @ MDN Web Docs

Answer 2

Veuillez noter que setInterval() n'est souvent pas la meilleure solution pour une exécution périodique - Il vraiment dépend du javascript que vous appelez périodiquement.

ex. Si vous utilisez setInterval() avec une période de 1000ms et que dans la fonction périodique vous faites un appel ajax qui prend parfois 2 secondes pour revenir, vous ferez un autre appel ajax avant que la première réponse ne revienne. Cela n'est généralement pas souhaitable.

De nombreuses bibliothèques ont des méthodes périodiques qui protègent contre les pièges de l'utilisation naïve de setInterval, comme l'exemple Prototype donné par Nelson.

Pour obtenir une exécution périodique plus robuste avec une fonction contenant un appel jQuery ajax, envisagez quelque chose comme ceci :

function myPeriodicMethod() {
  $.ajax({
    url: ..., 
    success: function(data) {
      ...
    },
    complete: function() {
      // schedule the next request *only* when the current one is complete:
      setTimeout(myPeriodicMethod, 1000);
    }
  });
}

// schedule the first invocation:
setTimeout(myPeriodicMethod, 1000);

Une autre approche consiste à utiliser setTimeout mais à suivre le temps écoulé dans une variable, puis à définir dynamiquement le délai d'attente à chaque invocation afin d'exécuter une fonction aussi près que possible de l'intervalle souhaité, mais jamais plus vite que les réponses que vous pouvez obtenir en retour.

Answer 3

Tout le monde a déjà une solution setTimeout/setInterval. Je pense qu'il est important de noter que vous pouvez passer des fonctions à setInterval, pas seulement des chaînes de caractères. En fait, il est probablement un peu plus "sûr" de passer des fonctions réelles plutôt que des chaînes de caractères qui seront "évaluées" dans ces fonctions.

// example 1
function test() {
  alert('called');
}
var interval = setInterval(test, 10000);

Ou :

// example 2
var counter = 0;
var interval = setInterval(function() { alert("#"+counter++); }, 5000);

Answer 4

Oui - jetez un coup d'œil à setInterval y setTimeout pour exécuter du code à certains moments. setInterval serait celui à utiliser pour exécuter du code périodiquement.

Voir un démo et réponse ici pour l'usage

Answer 5

Vous voudrez jeter un coup d'œil à setInterval() et setTimeout().

Voici un article tutorial décent .