freeCodeCamp/guide/chinese/javascript/window-settimeout-method/index.md

1.5 KiB
Raw Blame History

title localeTitle
Window setTimeout Method 窗口setTimeout方法

窗口setTimeout方法

setTimeout()方法在指定的毫秒数后调用函数或计算表达式。

提示:

  • 1000毫秒= 1秒。
  • 该功能仅执行一次。如果需要重复执行,请使用setInterval()方法。
  • 使用clearTimeout()方法来阻止函数运行。

setTimout()方法的语法如下:

setTimeout(function, milliseconds, param1, param2, ...); 

例如:

setTimeout(function(){ alert("Hello"); }, 3000); 

关于setTimeout()一个非常重要的事情是它将异步执行。我们来举个例子:

console.log("A"); 
 setTimeout(function(){ console.log("B"); }, 0); 
 console.log("C"); 
 // The order in the console will be 
 // A 
 // C 
 // B 

没有像预期的那样但我们只指定0秒 要解决这个问题并确保我们的代码将同步执行,我们只需将最后一个控制台嵌套在函数中

console.log("A"); 
 setTimeout(function() { 
    console.log("B"); 
    console.log("C"); 
 }, 0); 
 // The order in the console will be 
 // A 
 // B 
 // C 

更多信息:

文档: MDN

更多setTimeout函数的例子 w3schools

要了解幕后真正发生的事情,请观看这​​个精彩的视频 菲利普罗伯茨:无论如何,事件循环到底是什么? | JSConf EU 2014