Fenêtre setTimeout()
Exemples
Attendez 5 secondes pour le message d'accueil :
const myTimeout = setTimeout(myGreeting, 5000);
Utilisez clearTimeout(myTimeout) pour empêcher myGreeting de s'exécuter :
const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
clearTimeout(myTimeout);
}
Plus d'exemples ci-dessous.
Définition et utilisation
La setTimeout()méthode appelle une fonction après un certain nombre de millisecondes.
1 seconde = 1000 millisecondes.
Remarques
Le setTimeout()n'est exécuté qu'une seule fois.
Si vous avez besoin d'exécutions répétées, utilisez à la setInterval()place.
Utilisez la clearTimeout()méthode pour empêcher le démarrage de la fonction.
Pour effacer un délai d'attente, utilisez l' identifiant renvoyé par setTimeout() :
myTimeout = setTimeout(function, milliseconds);
Ensuite, vous pouvez arrêter l'exécution en appelant clearTimeout() :
clearTimeout(myTimeout);
Voir également:
Syntaxe
setTimeout(function, milliseconds, param1, param2, ...)
Paramètres
| Parameter | Description |
| function | Required. The function to execute. |
| milliseconds | Optional. Number of milliseconds to wait before executing. Default value is 0. |
| param1, param2, ... |
Optional. Parameters to pass to the function. Not supported in IE9 and earlier. |
Valeur de retour
| Taper | La description |
| Un numéro | L'identifiant de la minuterie. Utilisez cet identifiant avec clearTimeout(id) pour annuler la minuterie. |
Plus d'exemples
Afficher une boîte d'alerte après 3 secondes (3000 millisecondes) :
let timeout;
function myFunction() {
timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Afficher un texte temporisé :
let x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 seconds" }, 2000);
setTimeout(function(){ x.value = "4 seconds" }, 4000);
setTimeout(function(){ x.value = "6 seconds" }, 6000);
Ouvrez une nouvelle fenêtre et fermez la fenêtre après trois secondes (3000 millisecondes) :
const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);
Comptez pour toujours - mais avec la possibilité d'arrêter le compte :
function startCount()
function stopCount()
Une horloge créée avec des événements de chronométrage :
function startTime() {
const date = new Date();
document.getElementById("txt").innerHTML = date.toLocaleTimeString();
setTimeout(function() {startTime()}, 1000);
}
Transmettez les paramètres à la fonction (ne fonctionne pas dans IE9 et versions antérieures) :
setTimeout(myFunc, 2000, "param1", "param2");
Cependant, si vous utilisez une fonction anonyme, elle fonctionnera dans tous les navigateurs :
setTimeout(function() {myFunc("param1", "param2")}, 2000);
Prise en charge du navigateur
setTimeout()est pris en charge dans tous les navigateurs :
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |