腾讯云618限量抢购

JavaScript window setTimeout() 方法:在指定的毫秒数后执行代码(延时)

最后更新:2012-11-29 05:20阅读:13517

window setTimeout() 方法定义

setTimeout() 方法可设定在指定的毫秒数后调用函数或计算表达式。语法如下:

window.setTimeout(code,millisec)
参数 说明
code 必需,要调用的函数或要执行的代码
millisec 必需,等待的毫秒数

提示:setTimeout() 方法可返回一个 id,接受该 id 的 clearTimeout() 方法被调用后将取消 setTimeout() 设定的 timeout(延时),具体可见下面的例子。

setTimeout() 方法实例

在下面的例子中,当点击 计时开始 按钮时,会开始计时(1/10秒);当点击 计时结束 时,会停止计时:

<html>
<head>
<script type="text/javascript">
var s = 0;
var n = 0;
var t;
function timeCount()
{
    document.getElementById('second_show').value = s;
    n = n+1;
    s = n/10;
    t = setTimeout("timeCount()",100);
}
</script>
</head>
<body>

<form>
<input type="button" value="开始计时" onClick="timeCount()">
<input type="text" id="second_show">
<input type="button" value="结束计时" onClick="clearTimeout(t)">
</form>

</body>
</html>

说明:setTimeout() 里面调用的函数或代码只执行一次,要反复执行请使用 setInterval() 方法或循环调用 setTimeout(),如上面的例子所示。

参考阅读

  1. JavaScript window cleartimeout() 方法:取消由 setTimeout() 方法设置的 timeout
  2. JavaScript window setInterval() 方法:按照指定的毫秒周期来调用函数或计算表达式

本章节内容共分 23 部分:
  1. 1. JavaScript Window 对象
  2. 2. JavaScript window closed 属性:检测窗口是否已经关闭
  3. 3. JavaScript window name 属性:设置或得到窗口的名称
  4. 4. JavaScript window opener 属性:返回对创建此窗口的窗口的引用
  5. 5. JavaScript window self 属性:对窗口自身的引用
  6. 6. JavaScript window top 属性:返回最顶层的先辈窗口
  7. 7. JavaScript window defaultStatus 属性:设置或得到窗口状态栏中的默认文本
  8. 8. JavaScript window status 属性:设置或得到窗口状态栏的文本
  9. 9. JavaScript window blur() 方法:把焦点从顶层窗口移开
  10. 10. JavaScript window clearInterval() 方法:取消由 setInterval() 设置的 timeout
  11. 11. JavaScript window clearTimeout() 方法:取消由 setTimeout() 设置的 timeout
  12. 12. JavaScript window close() 方法:关闭浏览器窗口
  13. 13. JavaScript window focus() 方法:把焦点给予一个窗口
  14. 14. JavaScript window moveBy() 方法:相对当前坐标移动窗口
  15. 15. JavaScript window moveTo() 方法:把窗口(左上角)移动到指定坐标
  16. 16. JavaScript window open() 方法:打开(弹出)一个新的浏览器窗口
  17. 17. JavaScript window print() 方法:打印当前窗口的内容
  18. 18. JavaScript window resizeBy() 方法:根据指定的像素尺寸调整窗口大小
  19. 19. JavaScript window resizeTo() 方法:将窗口调整到指定尺寸
  20. 20. JavaScript window scrollBy() 方法:按照指定的像素值来滚动内容
  21. 21. JavaScript window scrollTo() 方法:把内容滚动到指定坐标
  22. 22. JavaScript window setInterval() 方法:按照指定的毫秒周期来循环执行代码
  23. 23. JavaScript window setTimeout() 方法:在指定的毫秒数后执行代码(延时)
腾讯云618限量抢购