oujood.com

Fenêtre Les méthodes setInterval() et clearInterval()

La méthode setInterval() appelle une fonction ou évalue une expression à des intervalles spécifiés (en millisecondes).
.....

chercher |

Définition et utilisation méthodes setInterval() 

JavaScript cours tutorial

La méthode setInterval() appelle une fonction ou évalue une expression à des intervalles spécifiés (en millisecondes).

La méthode setInterval() continuera d'appeler la fonction jusqu'à ce que clearInterval() est appelée, ou la fenêtre est fermée.

La valeur de l'ID retournée par setInterval() est utilisée comme paramètre pour la méthode clearInterval().

Astuce : 1000 ms = 1 seconde.

Astuce : Pour exécuter une fonction une seule fois, après un nombre spécifié de millisecondes, utilisez la méthode setTimeout()

 .

Exemple Afficher une boite d’alerter  toutes les 3 secondes (3 000 millisecondes) :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title>Exemple méthode setInterval</title>
  </head>
  <body>
  <p>Cliquez sur le bouton attendre 3 secondes puis l'alerte
  « Bonjour » s'affiche.</p>
  <p>Après en cliquant sur le bouton OK de la boîte d'alerte,
  une nouvelle boîte d'alerte s'affiche après 3 secondes. et ainsi
  de suite...</p>
  <button onclick="maFonction()"> Voir </button>
   
  <script>
  function maFonction()
  {
  setInterval(function(){alert("Bonjour!")},3000);
  }
  </script>
  </body>
  </html>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La méthode setInterval() est prise en charge dans tous les principaux navigateurs.

Syntaxe

setInterval(fonction,millisecondes,lang)

Valeurs de paramètre

Paramètre Description
fonction Obligatoire. La fonction qui sera exécutée
millisecondes Obligatoire. L'intervalle (en millisecondes) pour  la fréquence d'exécuter le code
lang En option. JScript | VBScript | JavaScript

Définition et utilisation méthode clearInterval() 

La méthode clearInterval() arrête une minuterie défini avec la méthode setInterval() .

La valeur de l'ID retournée par setInterval() est utilisée comme paramètre pour la méthode clearInterval().

Remarque : Pour être en mesure d'utiliser la méthode clearInterval(), vous devez utiliser une variable globale lors de la création de la méthode setInterval() comme suit:

maVar = setInterval("javascript function",milliseconds);

Ensuite, vous serez en mesure d'arrêter l'exécution en appelant la méthode clearInterval(maVar).

Exemple

Afficher l'heure actuelle (la méthode setInterval() exécutera la fonction une fois toutes les secondes, tout comme une montre digitale). ClearInterval() permet d'arrêter le temps :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title>Heure actuelle</title>
  </head>
  <body>
  <p>Heure locale :</p>
  <p id="dmo"></p>
  <button onclick="monStopFonction()">Arreter</button>
   
  <script>
  var maVar = setInterval(function(){monTimer()},1000);
   
  function monTimer()
  {
  var d = new Date();
  var t = d.toLocaleTimeString();
  document.getElementById("dmo").innerHTML=t;
  }
   
  function monStopFonction()
  {
  clearInterval(maVar);
  }
  </script>    
  </body>
  </html>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La méthode clearInterval() est prise en charge dans tous les principaux navigateurs.

Syntaxe

clearInterval(id_de_setinterval)

Valeurs de paramètre

Paramètre Description
id_de_setinterval Obligatoire. L'ID du timer retourné par la méthode setInterval()
Par carabde 30 mars 2014



Voir aussi nos tutoriel :

HTML et CSS les formulaires

Afficher les formulaire en HTML...

fonction strrchr, strrchr

Trouve la dernière occurrence d'un caractère dans une chaîne

margin-bottom

Définit la marge bas d'un élément