Retourner à la page d'accueil de TJS

Méthode : window.setTimeout()

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Safari  Compatible Firefox  Compatible Opera  

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

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

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.


Exemple Exécution d'un script après un délai
Code source
<div id="monHorloge">...</div>
<script type="text/javascript">
 function Timer() {
   var dt=new Date()
   document.getElementById("monHorloge").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 monHorloge.
Dans cet exemple, setTimeout() est appelé à chaque lancement de Timer() pour ne pas interrompre l'affichage.
Il aurait été possible d'utiliser setInterval()

Exemple 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 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 12/11/2019 16:52:14 sur php7 en 20.43 ms