📄 5.2.4.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">定时设置</h2>
<p>在 window 对象中包含四种方法用于进行定时设置，其中 setInterval() 和 clearInterval() 方法用于设置和取消循环定时操作，setTimeout()
和 clearInterval() 方法用于设置和取消延时定时操作。</p>
<p>
1. setInterval() 和 clearInterval() 方法<p>
setInterval() 方法的语法如下：<p>
setInterval(expression,milliseconds)<p>
或<p>
setInterval(function,milliseconds,arg1,arg2,...argN)<p>
其中 milliseconds 参数表示循环操作的定时时间间隔（以毫秒为单位），expression 表示定时执行的表达式，function 表示定时执行的函数，如果函数有参数，则用
arg1,...argN 表示。<p>
该方法的含义是：每隔 milliseconds 毫秒，执行 expression 或 function 一次。由于它具有循环定时执行的特性，因此经常用于动态内容的显示（第
7 章中将介绍该方法在创建动画中的应用）。<p>
设置了定时重复操作之后，还可以用 clearInterval() 方法取消，该方法的语法为：<p>
clearInterval(interval)<p>
其中，interval 参数表示 setInterval() 方法返回的值。
<p> 例如，以下示例显示了如何用 setInterval() 和 clearInterval() 方法进行定时操作。
<p><a href="../src/tu5.15.htm" target="_blank">示例 </a>
<p>本示例的效果为：在文档的一个文本框中动态显示当前时间（按秒更新）；如果用户单击"停止"按钮，则时间显示停留在单击该按钮的时间点；如果用户单击"启动"按钮，则继续动态更新文本框中显示的时间。
<p> 2. setTimeout() 和 clearTimeout() 方法
<p>
setTimeout() 方法与 setInterval() 方法类似，都是在指定时间间隔执行一个表达式或函数，不同的是 setTimeout() 方法只在延时到来时执行一次，而
setInterval() 方法按指定时间间隔循环执行。<p>
setTimeout() 方法的语法如下所示：<p>
setTimeout(expression,milliseconds)<p>
或<p>
setTimeout(function,milliseconds,arg1,arg2,...argN)<p>
其中 milliseconds 参数表示延时的时间间隔（以毫秒为单位），expression 表示延时到来时执行的表达式，function 表示延时到来时执行的函数，如果函数有参数，则用
arg1,...argN 表示。该方法的含义是：调用方法 milliseconds 毫秒之后，执行 expression 或 function 一次。<p>
同样，也可以在指定时间到来之前用 clearTimeout() 方法取消设置的定时操作，该方法的语法为：<p>
clearTimeout(timeout)<p>
其中，timeout 参数表示 setTimeout() 方法返回的值。
<p> 例如，以下示例显示了如何用 setTimeout() 和 clearTimeout() 方法进行定时操作。
<p><a href="../src/tu5.16.htm" target="_blank">示例 </a>
<p>本示例的效果为：如果在打开页面 5 秒之内单击"清除"按钮，则显示"已经清除了"提示框，否则将显示"太晚了"提示。
<p>
<p> </p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -