在Web页面中使用计时器
在Web页面中使用计时器 在JavaScript中，可以创建两种类型的计时器，即一次性计时器和间隔性触发计时器。一次性计时器仅在指定的延迟时间之后触发一次，而间隔性触发计时器每隔一定的时间间隔就触发一次。在下面的小节中，我们将详细讨论这两种计时器。 实际上，在JavaScript中可以根据需要设置多个计时器，并在代码中的任何地方启动计时器，例如在浏览器窗口的onload事件中启动计时器，或者在单击一个按钮时启动计时器。计时器常用在每隔一定间隔后翻转广告图片的情形，或者在Web页面中显示一个实时更新的时钟。另外，使用DHTML所创建的各种动画，都需要使用计时器的setTimeout()方法或者setInterval()方法—— 在本书的第12章和13章，我们将介绍DHTML的相关内容。 9.2.1 一次性计时器要设置一个一次性计时器非常简单：只需使用window对象的setTimeout()方法。 window.setTimeout("your JavaScript code", milliseconds_delay) setTimeout()方法接收两个参数，第一个参数是要执行的JavaScript代码，第二个参数是计时器延迟的时间，延迟时间是以毫秒(即千分之一秒)为单位的，当延迟时间结束时，第一个参数中的代码将被执行。 setTimeout()方法将返回一个值，该值是一个整数，这是唯一标识该计时器的一个ID号。如果在计时器启动后想要停止计时器，在JavaScript就可以使用该ID号来引用相应的计时器。 例如，要设置一个在页面加载3秒之后触发的计时器，可以使用如下所示的代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script language="JavaScript" type="text/javascript"> var timerID; function window_onload() { timerID = setTimeout("alert(‘Times Up!’)",3000); alert("Timer Set"); } </script> </head> <body language = JavaScript onload="window_onload()"> </body> </html> 将上面的代码保存为timertest.htm，并在浏览器中加载该文件。在浏览器窗口的onload事件之后延迟3000毫秒(即3秒钟)之后，将弹出一个消息对话框。 尽管setTimeout()方法是window对象的方法，但由于window对象位于浏览器对象模型层次结构的顶端，所以在引用window对象的属性或者方法时并不需要使用 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
