在Web页面中使用计时器
| window对象名。因此，我们也可以将window.setTimeout()方法简写为setTimeout()方法。
值得注意的是，当设置一个计时器时并不会停止脚本代码的继续执行。计时器将在后台运行并在延迟到点之后触发。在这期间，页面将像往常一样运行，并且任何在启动计时器倒计时之后的代码都将继续执行。因此，在上面的例子中，在设置计时器的代码被执行之后，alert("Timer Set")语句将立即被执行，以弹出一个消息对话框，说明计时器已经被设置。 但是，如果要在计时器触发之前，停止计时器的执行，又该怎么办呢？ 要清除一个计时器，可以使用window对象的clearTimeout()方法。该方法仅接收一个参数，即由setTimeout()方法返回的唯一的计时器ID号。 下面的代码修改了前面的例子，以提供一个按钮，当单击按钮时将停止计时器的执行。 <!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"); } function butStopTimer_onclick() { clearTimeout(timerID); alert("Timer has been cleared"); } </script> </head> <body onload="window_onload()"> <form name=form1> <input type="button" value="Stop Timer" name=butStopTimer language=JavaScript onclick="return butStopTimer_onclick()"> </form> </body> </html> 将上面的代码保存为timertest2.htm，并在浏览器中加载该文件。如果在3秒钟的延迟到点之前，单击Stop Timer按钮，则该计时器将被清除。在代码中，Stop Timer按钮的onclick事件处理器被连接到了butStopTimer_onclick()事件处理函数，在该事件处理函数中，使用了window对象的clearTimeout()方法，将ID号为timerID的计时器清除。
在下面的例子中，我们将使用setTimeout()方法来更新广告标语。下面的代码将创建一个具有广告标语的Web页面，每隔3秒钟广告标语将更新一次。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&qu |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
