在Web页面中使用计时器

if (currentImgNumber < numberOfImages)

{

setTimeout("switchImage()",3000);

}

}

要显示的标语图片有三幅，变量currentImgNumber中保存的是当前图片的编号。因此，在上面的if语句中，将对变量currentImgNumber的值进行检查，以确定该变量的值是否小于3。如果小于3，则表示还有图片需要显示，因此设置另一个新的计时器，以启动一个新的倒计时触发。当再经过3s之后，该计时器将再次调用switchImage()函数。

在一些早期的浏览器中，只能使用上面的办法来创建每隔一定时间间隔就触发的计时器。但是，对于4.0版本以上的浏览器，还可以使用下面小节将要介绍的简单方法，以创建间隔性触发计时器。

9.2.2  创建间隔性触发计时器

在较新版本的浏览器中，window对象提供了一些新的方法用以设置计时器，即setInterval()方法和clearInterval()方法。除了所设置的计时器每隔一定时间间隔就触发一次外，这两个方法的工作方式与setTimeout()方法和clearTimeout()方法非常类似。

与setTimeout()方法类似，setInterval()方法接收两个参数，第一个参数表示计时器到点时要执行的代码，不同的是，第二个参数不再表示计时器触发之前的时间延迟，而是表示一个时间间隔，该间隔以毫秒为单位，每隔这个时间间隔之后，计时器就将触发一次。

例如，要设置一个每隔5s就触发一次myFunction()函数的计时器，可以使用如下所示的代码：

var myTimerID = setInterval("myFunction()",5000);

与setTimeout()方法类似，setInterval()方法也返回一个计时器唯一的ID号，如果要清除该计时器，可以使用clearInterval()方法，并将该ID号作为参数传入即可。clearInterval()方法与clearTimeout()方法非常类似，因此，要停止前面代码中启动的计时器，可以使用如下所示的代码：

clearInterval(myTimerID);

下面我们来修改一下前面例子中的世界时转换器，以在页面中显示一个本地时间和所选中城市时间的实时更新的时钟。

我们只需在文本编辑器中打开WorldTimeConverter.htm文件，并对其进行修改。在已经定义好的函数之前，添加如下所示的函数：

var daylightSavingAdjust = 0;

function window_onload()

{

updateTimeZone();

window.setInterval("updateTime()",100

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!