在Web页面中使用计时器
| ot;>
<html> <head> <script language=JavaScript type="text/javascript"> var currentImgNumber = 1; var numberOfImages = 3; function window_onload() { setTimeout("switchImage()",3000); } function switchImage() { currentImgNumber++; document.imgAdvert.src = "AdvertImage" + currentImgNumber + ".jpg"; if (currentImgNumber < numberOfImages) { setTimeout("switchImage()",3000); } } </script> </head> <body onload="window_onload()"> <img src="AdvertImage1.jpg" name="imgAdvert"> </body> </html> 在编辑器中输入上面的代码，并保存为Adverts.htm文件。另外，我们还需要创建三个图形文件：AdvertImage1.jpg、AdvertImage2.jpg和AdvertImage3.jpg文件(或者，也可以从本书的代码下载中获得这三个文件)。当页面被加载时，开始时将看到一个AdvertImage1.jpg图片，如图9-5所示。
图 9-5 3秒钟之后，该页面将显示第二幅图片，如图9-6所示。
图 9-6 最后，再经过3秒钟时间，将显示第三幅图片，也就是最后一幅图片，如图9-7所示。
图 9-7 代码解说 当页面加载时，<img>标记的src属性被设置为第一幅图片的文件名： <img src="AdvertImage1.jpg" name="imgAdvert"> 在<body>标记中，将window对象的onload事件处理器连接到了window_onload()事件处理函数。window_onload()函数如下所示： function window_onload() { setTimeout("switchImage()",3000) } 在window_onload()函数中，使用了setTimeout()方法以启动计时器的运行，该计时器将在延迟3s后调用switchImage()函数。因为这个计时器不需要清除处理，所以不必考虑保存setTimeout()方法所返回的计时器ID的值。 switchImage()函数用以改变页面中<img>标记所对应的img对象的src属性的值： function switchImage() { currentImgNumber++; document.imgAdvert.src = "AdvertImage" + currentImgNumber + ".jpg"; 标语图片名中的数字是从1到3，即AdvertImage1.jpg、AdvertImage2.jpg、AdvertImage3.jpg。可以将页面中加载的当前标语图片的编号保存在全局变量currentImgNumber中，该变量定义于脚本块的顶部，并被初始化为1。要获得下一 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
