Minuterie en JavaScript

1. Créer une minuterie avec setTimeout() en JavaScript
2. Créer un minuteur avec setInterval() en JavaScript

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

Dans l’article d’aujourd’hui, nous allons en savoir plus sur le minuteur JavaScript.

Créer une minuterie avec setTimeout() en JavaScript

Il s’agit d’une fonction asynchrone fournie par JavaScript qui exécute une fonction ou une section de code spécifique après l’expiration du délai. Diverses raisons entraînent le retard des délais d’attente, comme les délais d’attente imbriqués, les délais d’attente dans les onglets inactifs, la limitation des scripts de suivi et le report des délais d’attente pendant le chargement de la page.

Syntaxe pour setTimeout() en JavaScript

setTimeout(function [, delay, arg1, arg2, ...]);
setTimeout(code[, delay]);

Paramètre

• function : C’est un paramètre obligatoire. Il spécifie la fonction qui doit être exécutée une fois le temps écoulé.
• code : C’est un paramètre obligatoire. Si l’utilisateur ne passe pas la fonction, l’utilisateur peut passer une chaîne de caractères, alternative à la fonction.
• delay : C’est un paramètre optionnel. Ce paramètre accepte la valeur numérique en tant que minuteur en millisecondes avant d’exécuter le code ou la fonction spécifié. Si aucune valeur n’est transmise, la valeur par défaut est 0, ce qui provoque l’exécution immédiate.
• arg1, ..., argN : C’est un paramètre optionnel. Si la fonction est passée, les valeurs de la fonction peuvent être passées en argument supplémentaire.

Valeur de retour

Cette méthode setTimeout() renvoie un timeoutID positif qui permet d’identifier le timer. Cette valeur peut être utilisée pour clearTimeout().

Exemple de code :

<button onclick="setTimeoutFunction()">Try set Timeout</button>

function addFn(a, b) {
  console.log(a + b);
  return a + b;
}

function setTimeoutFunction() {
  setTimeout(addFn, 5000, 5, 10);
}

Production :

15

Créer un minuteur avec setInterval() en JavaScript

La méthode setInterval() est fournie par JavaScript. Cette méthode est proposée sur les interfaces worker et window. Il appelle à plusieurs reprises une fonction ou exécute une section de code. Ce code est exécuté à un délai fixe entre chaque appel.

La seule différence entre les fonctions setInterval() et setTimeout() est que setInterval() appelle la fonction à plusieurs reprises avec un délai entre chaque appel alors que setTimeout() exécute une fonction après un délai.

Syntaxe pour setTimeout() en JavaScript

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

Paramètre

• function : C’est un paramètre obligatoire. Il spécifie la fonction qui doit être exécutée une fois le temps écoulé.
• code : C’est un paramètre obligatoire. Si l’utilisateur ne passe pas la fonction, l’utilisateur peut passer une chaîne alternative à la fonction.
• delay : C’est un paramètre optionnel. Ce paramètre accepte la valeur numérique qui sert de minuteur en millisecondes avant d’exécuter le code ou la fonction spécifié. Si aucune valeur n’est passée, 0 est la valeur par défaut, ce qui entraîne l’exécution immédiate.
• arg1, ..., argN : C’est un paramètre optionnel. Si la fonction est passée, les valeurs de la fonction peuvent être passées en argument supplémentaire.

Valeur de retour

Cette méthode setInterval() renvoie un intervalID positif qui aide à identifier le temporisateur. Cette valeur peut être utilisée pour clearInterval().

Exemple de code :

<button onclick="setIntervalFunction()">Try set Interval</button>

function addFn(a, b) {
  console.log(a + b);
  return a + b;
}

function setIntervalFunction() {
  setInterval(addFn, 5000, 5, 10);
}

Production :

15