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

Oui

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()
var secondes=dt.getSeconds();
if (secondes<10) {
secondes="0"+secondes
}
document.getElementById("horloge").innerHTML=dt.getHours()+":"+dt.getMinutes()+":"+secondes;
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="#f00";
monEvent.parentNode.style.color="#fff";
}
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 19/08/2024

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

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

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets Javascript

Chargement
en cours...

Méthode : window.setTimeout()

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

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets Javascript