La boucle setInterval en JavaScript

Il existe toujours une méthode prête à l’emploi disponible en JavaScript pour accomplir la plupart des tâches ; convertir un type de données en un autre, définir une boucle d’intervalle, mettre à jour des objets ou des tableaux, reconnaître les événements d’entrée au clavier, et bien plus encore.

Dans cette optique, il existe des méthodes utiles pour nous aider à travailler avec des minuteurs en JavaScript. Et cet article vous guidera pour utiliser une boucle d’intervalle en JavaScript.

JavaScript fournit deux fonctions de minuterie pour permettre au code de s’exécuter sans blocage. Il fournit les fonctions setTimeout() et setInterval(), qui exécutent l’expression spécifiée ou la fonction spécifiée après un certain intervalle de temps.

Définir l’intervalle avec le temps de boucle dans JavaScript à l’aide de setInterval()

La méthode setInterval() est fournie par JavaScript. Cette méthode est proposée dans les interfaces worker et window, appelant à plusieurs reprises une fonction ou exécutant une section de code. Ce code s’exécute avec un intervalle de temps fixe entre chaque appel.

La seule différence entre les fonctions setInterval et setTimeout est que prior appelle la fonction à plusieurs reprises avec un délai entre chaque appel alors que plus tard exécute une fonction après un délai. Si vous souhaitez que votre fonction soit appelée une fois après le délai spécifié, utilisez setTimeout.

Syntaxe:

setInterval(function [, delay, arg1, arg2, ...]);

function est un paramètre obligatoire qui spécifie la fonction à exécuter une fois le temps écoulé.

code est un paramètre obligatoire ; si l’utilisateur ne soumet pas la fonction, l’utilisateur peut passer une chaîne qui est une alternative à la fonction. delay est un paramètre facultatif.

Ce paramètre accepte la valeur numérique qui sert de minuteur en millisecondes avant l’exécution du code ou de la fonction spécifiés. Si aucune valeur n’est passée, 0 est la valeur par défaut qui provoque l’exécution.

arg1, ..., argN est un paramètre facultatif. Les valeurs de la fonction peuvent être passées en tant qu’argument supplémentaire lorsque la fonction est passée.

Pour plus d’informations, lisez la documentation de la méthode setInterval().

let counter = 0;
const i = setInterval(function() {
  console.log(counter);
  counter++;
  if (counter === 5) {
    clearInterval(i);
  }
}, 200);

Dans le code ci-dessus, nous mettons le compteur à 0 et le mettons à jour dans la fonction setInterval jusqu’à ce qu’il atteigne la valeur souhaitée. Dès que la valeur souhaitée est atteinte, vous pouvez supprimer l’intervalle. Cette méthode setInterval() renvoie une valeur positive et un intervalID unique qui permet d’identifier le temporisateur. Cette valeur peut être utilisée pour clearInterval(). Cette méthode clearInterval() annule l’action répétée (timeout) précédemment définie par setInterval().

Production :

0
1
2
3
4