JavaScript 设定时间间隔

Window 对象提供setInterval()方法用于设定时间间隔,用于按照某个指定的时间间隔去周期触发某个事件,典型的应用如动态状态栏、动态显示当前时间等,该方法的语法如下:TimerID=window.setTimeout(targetProcess,itime); TimerID=setTimeout(targetProcess,itime);其中参数targetProcess 指目标事件,参数itime 指间隔的时间,以毫秒(ms)为单位。

设定时间间隔的操作完成后,返回该时间间隔的引用变量TimerID。

同时,Windows 对象提供clearInterval()方法用于清除该间隔定时器使目标事件的周期触发失效,该方法语法如下:window.clearInterval(TimerID);该方法接受唯一的参数TimerID,指明要清除的间隔时间引用变量名。

考察如下设定和停止动态状态栏的代码:[code]

Sample Page!

单击对应的按钮,实现动态状态栏的滚动与停止!



[/code]此时的状态栏显示为“Original Status!”,单击“开始状态栏滚动”按钮后,状态栏显示为“Welcome To JavaScript World!”,并按照setInterval()方法设定的时间间隔左右滚动。