JavaScript计时事件

通过JavaScript，在一个设定的时间间隔来执行代码，而不是函数调用后立即执行，称为计时事件。

在JavaScript计时事件的两个方法：

1、 setInterval()-间隔指定的毫秒数不停执行指定的代码

2、 setTimeout()-在指定的毫秒数后执行指定的代码

*注意：setInterval()和setTimeout()是HTML DOM Window对象的两个方法

setInterval()方法

setInterval()间隔指定的毫秒数不停地执行指定的代码

语法：

window.setInterval（”JavaScript function”，milliseconds）；

window.setInterval（）方法可以不使用window前缀，直接使用函数setInterval（）。

setInterval（）第一个参数是函数（function）

第二个参数间隔的毫秒数

*1000毫秒是一秒

例：

每隔三秒弹出”hello”

实例展示了如何使用 setInterval() 方法，但是每三秒弹出一次对用户体验并不好。

以下实例将显示当前时间。 setInterval() 方法设置每秒钟执行一次代码，就是手表一样。

显示当前时间：

例：

如何停止执行？

clearinterval（）方法用于停止setInterval（）方法执行的函数代码。

语法

window.clearInterval（intervalVariable）

window.clearInterval()方法可以不使用window前缀，直接使用函数clearInterval()。

要使用clearInterval()方法，在创建计时方法时你必须使用全局变量；

myVar=setInterval(“javascript function”,milliseconds);

然后可以使用clearInterval（）方法来停止执行。

setTimeout（）方法

语法

myVar=window.setTimeout(“javascript function”,millisocends);

setTimeout（）方法会返回某个值。

setTImeout（）的第一个参数是含有JavaScript语句的字符串。这个语句可能存储”alert（5sseconds！）” 第二个参数指示从当前期多少毫秒后执行第一个参数

例

如何停止执行？

clearTimeout()方法用于停止执行setTImeout（）方法的函数代码

语法

Window.clearTimeout(timeoutVariable)

Window.clearTimeout()方法可以不使用window前缀。

要使用clearTimeout（）方法，必须在创建超时方法中（setTimeout）使用全局变量。

myVar=setTimeout(“javascript function”,milliseconds);

如果函数还未被执行，你可以使用clearTimeout()方法来停止函数代码。

例