Gestion des timers (setTimeout(), setInterval(), Date)

setTimeout()

JavaScript permet de faire exécuter des fonctions au bout d’un certain temps ou toutes les x millisecondes.

Il y a par exemple : setTimeout(function(){}, durée) ;

Ce qui pourrait donner :

setTimeout(function() { 
      afficherFenetrePromo() ; 
}, 1500) ; 

Dans cet exemple, notre page HTML s’affiche, puis une seconde et demie plus tard, la temporisation (setTimeout) est écoulée et la fonction afficherFenetrePromo() est exécutée.

setInterval()

setInterval(function() { 
     bougePersonnage() ; 
}, 30) ; 

Le code ci-dessus peut être facilement compréhensible, puisqu’il a la même syntaxe que le précédent. Mais dans ce cas, la fonction bougePersonnage() ne sera pas appelée une fois comme avec le setTimeout(), mais elle sera appelée continuellement toutes les 30 ms. Ce qui pourra être pratique pour certaines animations.

Un setInterval() s’exécute sans cesse et il peut être pratique, voire indispensable de pouvoir arrêter et redémarrer un setInterval().

Il existe une fonction clearInterval() qui va permettre de mettre fin au setInterval(). Dans ce cas, voilà comment il faut écrire cela :

let idInterval = setInterval(function() { 
     bougePersonnage() ; 
}, 30) ; 

function stopInterval() { 
     clearInterval(idInterval) ; 
} 

Dans un premier temps, idInterval...

couv_RI3HTCSJA.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Ajax
Suivant
Déplacer un élément au clavier