当前位置：翔宇亭IT乐园 → IT知识库 → WEB → Javascript

JavaScript中setInterval函数的使用方法

减小字体

增大字体作者：biye5u.com 来源：本站原创发布时间：2012-02-02 23:52:49

在编写客户端脚本时，我们经常用到setInterval()函数，这个函数的原型如下：

setInterval(code,millisec)

其中，code是要调用的函数或执行的代码串；mellisec为周期性执行或调用code代码之间的时间间隔，单位为毫秒，这两个参数都是必需给出的。

该函数的返回值为setInterval函数的ID标识，每次调用setInterval函数都会产生一个唯一的ID，可以通过clearInterval函数(此函数的参数接收一个setInterval返回的ID)暂停setInterval函数。

该函数可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作clearInterval() 方法的参数。

下面举一个例子来说明setInterval()的使用方法，这个例子主要是在客户端显示当前的时间：

<html> <head> <title>Javascript 的动态时间-翔宇亭IT乐园（www.biye5u.com）</title> </head> <body> <script type="text/javascript"> 　　function showTime(){ 　　　　　　var dt= new Date () ; 　　　　　　var curDate= dt.getFullYear()+"年"+dt.getMonth()+"月"+dt.getDate()+"日" ; 　　　　　　var curTime = dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds(); 　　　　　　var curDateTime = curDate+" " + curTime; 　　　　　　document.getElementById('curDateTime').innerHTML = curDateTime; 　　　　} 　　　　setInterval(showTime,1000); </script> <h1>Javascript动态显示日期和时间</h1> <p>你观察一下面的日期和时间是否在不断地变化，而且与你的系统时间是一致的。</p> <p id = "curDateTime"></p> </body> </html>