Temporiser avec setInterval

Une question revient souvent. Comment insérer une pause dans un script ? La méthode la plus courante et la plus simple à mon avis d'utiliser setInterval.


Principe :
setInterval s'utilise avec une fonction. Si vous n'avez pas de notion sur les fonctions, je vous recommande de lire mon précédent article à ce sujet
Le principe est simple : vous définissez une série d'action que vous incorporez dans une fonction.
Cette fonction va être appelée par la méthode setInterval, à un interval régulier que vous définissez.

Syntaxe :
function nom_fonction(paramètres){
     commandes;
}

setInterval (nom_fonction, temporisation);

nom_fonction : le nom de votre fonction
paramètres : optionnel, permet d'inclure une variable qui sera définie à l'appel de la fonction
commandes : toutes les lignes de commandes que vous voulez que votre fonction execute
temporisation : l'interval d'execution entre vos fonctions en millisecondes.

Attention : avec cette méthode, vous ne pouvez pas arrêter la fonction.

Exemple :
Nous allons créer un compteur qui va s'incrémenter toutes les secondes.
Sur votre scène, créez un champ de texte dynamique et nommé le "compteur".
Sur la première image de votre animation, placez ce script :

compteur=0; // On initialise le compteur
function compte(){
   compteur+=1; // le fonction incrémente le compteur de 1
}

setInterval (compte, 1000);

setInterval avec arrêt de la fonction :

Pour arrêter un setInterval, il faut utiliser, par exemple dans la fonction qui est appelée, la commande clearInterval.
On va définir ici la fonction setInterval comme variable.

Syntaxe :
function nom_fonction(paramètres){
      commandes;
      if (condition pour continuer la boucle) {
        clearInterval (nom_interval)
      }
}

var nom interval = setInterval (nom_fonction, temporisation);

Exemple :
Nous reprenons ici notre exemple de compteur. Si le compteur arrive au chiffre 100, nous arrêtons la fonction setInterval

compte=0;
function compteur(){
  compte +=1;
  if (compte == 100){ // condition d'arrêt du setInterval
     clearInterval (mon_interval);
  }
}

var mon_interval = setInterval (compteur, 1000);

Voilà, n'hésitez pas à poser vos questions ou à signaler des points qui nécessitent plus d'explications.