Retourner à la page d'accueil de TJS

Méthode : window.setTimeout()

Déclenche une minuterie et exécute fonc() après un délai exprimé en millisecondes

Syntaxe
Integer window.setTimeout(String fonc, Integer delai)

Compatible tous navigateurs

Description
Déclenche une minuterie et appelle la fonction JavaScript fonc() après delai millisecondes.

L'appel retourne un numéro de minuterie qui peut servir dans l'appel à clearTimeout() pour stopper la minuterie.

Voir aussi setInterval() qui déclenche l'exécution d'une fonction à intervalle régulier.

Voir aussi requestAnimationFrame() qui déclenche un traitement d'animation fluide.


Exemple 1 : Exécution d'un script après un délai
Code source
<div id="horloge">...</div>
<script type="text/javascript">
 function Timer() {
   var dt=new Date()
   document.getElementById("horloge").innerHTML=dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
   setTimeout("Timer()",900);
     console.log("Exécution de Timer()");
   }
  Timer();
</script>

Résultat
...
Emulation de la console
Explication
Met à jour l'horloge dans le div horloge.
Dans cet exemple, setTimeout() est appelé à chaque lancement de Timer() pour ne pas interrompre l'affichage.
Il aurait été possible d'utiliser setInterval()

Exemple 2 : Exécution d'un script après un délai
Code source
<div id="monEvent">...</div>
<script type="text/javascript">
 function Timer2() {
   var monEvent=document.getElementById("monEvent");
   monEvent.innerHTML = "Lancement réalisé";
   monEvent.parentNode.style.backgroundColor="#ff0";
   monEvent.parentNode.style.borderColor="#f00";
 }
 setTimeout("Timer2()",5000);
</script>

Résultat
...
Emulation de la console
Explication
Au bout de 5000 millisecondes, le script affiche une information et change la couleur de la zone d'exécution du script d'exemple.
Page mise à jour le

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 07/08/2020 05:22:19 sur php7 en 24.84 ms