您的位置:首页 > Web前端 > HTML

html dom setInterval() clearInterval() 定时调用某一函数

2017-09-28 15:20 337 查看

HTML DOM setInterval() 方法

HTMLDOM Window 对象

定义和用法

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec[,"lang"])
参数描述
code必需。要调用的函数或要执行的代码串。
millisec必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

实例

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=[code]self.setInterval("clock()",50)
function clock(){var t=new Date()document.getElementById("clock").value=t}</script></form><button onclick="int=
window.clearInterval(int)">
Stop interval</button></body></html>[/code]

HTML DOM clearInterval() 方法

HTML DOM Window 对象

定义和用法

clearInterval() 方法可取消由 setInterval() 设置的 timeout。clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

语法

clearInterval(id_of_setinterval)
参数描述
id_of_setinterval由setInterval() 返回的 ID 值。

实例

下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock:<html><body><input type="text" id="clock" size="35" /><script language=javascript>var int=self.setInterval("clock()",50)function clock(){var t=new Date()document.getElementById("clock").value=t}</script></form><button onclick="int=window.clearInterval(int)">Stop interval</button></body></html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: