间隔性计时器

间隔性计时器(setlnterval())：在执行时，从载入页面后每隔指定的时间执行代码。

语法：setlnterval（代码，交互时间）；

参数说明：

  1.代码：要调用的函数或要执行的代码串。

  2.交互时间：周期性或要调用的表达式之间的时间间隔，以毫秒计（1s=1000ms）。

返回值：一个可以传递给clearlnterval()从而取消对“代码”的周期性执行的值。

调用函数格式（假设有一个clock()函数）

Setlnterval(“clock()”,1000)或setlnterval(clock,1000)

取消计时器clearlnterval()

Clearlnterval()方法可取消由setlnterval()设置的交互时间。

语法：clearlnterval(id_of_setlnterval)

参数说明：id_of_setlnterval:由setlnterval()返回的ID值。

每隔1000毫秒调用clock()函数，并显示时间。当点击按钮时取消定时

（以上为本篇文章的重点，请仔细阅读）

（以下为本篇文章的实例讲解）

                                   

 

鼠标点击开始按钮，按钮下方出现数字，数字从0开始跳动一直到1000，到1000后变为0，然后0继续跳动一直到1000，如此反复。

鼠标点击停止按钮，按钮下方的数字会停止跳动。

创建一个html文件，然后写入两个按钮和一个div，给两个按钮绑定点击事件，给div写上id

 

然后在script标签中声明两个变量i和timer，在函数setNum()中写入下图内容。

 

获取到id为num-text的div设置它的html内容为i，然后让i自加，然后写入if判断当i=1000时设置i= 0.

点击开始按钮后调用setNum()

 

点击停止按钮后停止计时器