Méthode Window setTimeout()

Objet Window JavaScript

setTimeout()méthode pour configurer un minuterie qui appelle la fonction ou exécute un segment de code une fois le minuterie expirée.

Cette méthode retourne un identifiant unique de l'horloge de délai, donc vous pouvez appelerclearTimeout()pour le supprimer.

UtilisezclearTimeout()méthode pour empêcher la fonction de s'exécuter.

Cette fonction ne s'exécute qu'une seule fois. Si vous avez besoin de l'exécuter en répétition, veuillez utilisersetInterval()Méthode.

Syntaxe :

window.setTimeout(function,　delay,　param1,　param2, ...)

setTimeout(function() { alert("Hello World"); },　2000);

Compatibilité du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode setTimeout() :

参数值

技术细节

更多实例

此示例引用外部“命名”函数：

var timeoutID;
function myFunc() {
　　timeoutID = setTimeout(myCallback,　2000);
}
function myCallback() {
　　alert("Hello World");
}

使用clearTimeout()阻止函数运行：

var timeoutID;
function myFunc() {
　　timeoutID = setTimeout(myCallback,　2000);
}
function myCallback() {
　　alert("Hello World");
}
function myStopFunc() {
　　　clearTimeout(timeoutID);
}

使用递归显示当前时间（就像数字手表一样，每1每秒钟执行一次“ startTimer()”函数）：

window.addEventListener("load", startTimer);
function startTimer() {
　　　var date = new Date();
　　　var x = document.getElementById("result");
　　　x.innerHTML = date.getHours()　+　":"　+　date.getMinutes()　+　":"　+　date.getSeconds();
　　　setTimeout(startTimer,　1000);　　　//　Recursion　
}

使用setTimeout()创建动态进度条：

var i = 0;
var bar = document.getElementById("progress",-bar);
var t;
function start() {
　　if(i <　100) {
　i++;
　bar.style.width = i　+　"%";
　bar.innerHTML = i　+　" % ";
　t = setTimeout(start,　60);　　//　Recursion
　　}
}
function stop() {
　　clearTimeout(t);
}

Cliquez sur le bouton "Commencer le comptage" pour démarrer le chronomètre. Cliquez sur le bouton "Arrêter le comptage" pour arrêter le chronomètre :

Passer des paramètres à la fonction myFunc (dans IE9et ne fonctionne pas dans les versions antérieures) :

var timeoutID = setTimeout(myFunc,　2000, "First", "Second", "Third");

Mais, si vous utilisez une fonction anonyme, elle fonctionnera sur tous les navigateurs :

var timeoutID = setTimeout(function(){ myFunc("First", "Second", "Third"),}　2000);

Références associées

Référence Fenêtre (Window) :Méthode clearTimeout()

Référence Fenêtre (Window) :Méthode setInterval()

Référence Fenêtre (Window) :Méthode clearInterval()

Objet Window JavaScript