Exemple
Afficher une boîte d' alerte au bout de 3 secondes (3000 milliseconds) :
setTimeout(function(){ alert("Hello"); }, 3000);
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le setTimeout() méthode appelle une fonction ou évalue une expression après un nombre spécifié de millisecondes.
Tip: 1000 ms = 1 seconde.
Astuce: La fonction est exécutée une seule fois. Si vous devez répéter l' exécution, utilisez la setInterval() méthode.
Conseil: Utiliser la clearTimeout() méthode pour empêcher la fonction de la course.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| setTimeout() | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
Syntaxe
setTimeout( function,milliseconds,param1,param2,... )Les valeurs des paramètres
| Paramètre | La description |
|---|---|
| function | Champs obligatoires. La fonction qui sera exécutée |
| milliseconds | Champs obligatoires. Le nombre de millisecondes à attendre avant d'exécuter le code |
| param1,param2,... | Optionnel. Paramètres supplémentaires pour passer à la fonction (non pris en charge dans IE9 et versions antérieures) |
Détails techniques
| Valeur de retour: | Un numéro, ce qui représente la valeur d'identification de la minuterie est réglée. Utiliser cette valeur par le clearTimeout() méthode pour annuler la minuterie |
|---|
autres exemples
Exemple
Vous pouvez également consulter "named" fonction; Afficher une boîte d' alerte au bout de 3 secondes (3000 milliseconds) :
var myVar;
function myFunction() {
myVar =
setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
Essayez vous - même » Exemple
Afficher un texte chronométré:
var 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); Essayez vous - même » Exemple
Ouvrez une nouvelle fenêtre et fermez la fenêtre au bout de trois secondes (3000 millisecondes):
var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
setTimeout(function(){ myWindow.close() }, 3000); Essayez vous - même » Exemple
En utilisant clearTimeout() pour empêcher la fonction à exécuter:
var myVar;
function myFunction() {
myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
function myStopFunction() {
clearTimeout(myVar);
} Essayez vous - même » Exemple
Comptez toujours - mais avec la possibilité d'arrêter le compte:
function startCount()
function stopCount() Essayez vous - même » Exemple
Une horloge créée avec des événements de synchronisation:
function startTime() {
var today = new Date();
var h =
today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById("txt").innerHTML = h+ ":" + m + ":" + s;
t = setTimeout(function(){ startTime() }, 500);
}
function checkTime(i) {
if (i<10) {
i = "0" + i;
}
return i;
} Essayez vous - même » Exemple
Paramètres passer à la fonction alertFunc (does not work in IE9 and earlier) :
var myVar;
function myStartFunction() {
myVar
= setTimeout(alertFunc, 2000, "First param", "Second param");
} Essayez vous - même » Toutefois, si vous utilisez une fonction anonyme, il fonctionnera dans tous les navigateurs:
var myVar;
function myStartFunction() {
myVar =
setTimeout(function(){ alertFunc("First param", "Second param"); },
2000);
} Essayez vous - même » Pages associées
Objet de la fenêtre: href="met_win_cleartimeout.html"> clearTimeout() Method
Objet de la fenêtre: href="met_win_setinterval.html"> setInterval() Method
Objet de la fenêtre: href="met_win_clearinterval.html"> clearInterval() Method
<Object Window