js定时器的使用

SOASPX 18103 0

两个关于定时器的专用函数

倒计定时器:timename=setTimeout("function();",delaytime);
循环定时器:timename=setInterval("function();",delaytime);

函数中的参数解释

第一个参数"function()"是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用";"隔开即可。
比如要弹出两个警告窗口,便可将"function();"换成"alert('第一个警告窗口!');alert('第二个警告窗口!')";
而第二个参数"delaytime"则是间隔的时间,以毫秒为单位,即填写"5000",就表示5秒钟。
  • 倒计时定时器是在指定时间到达后触发事件

  • 循环定时器就是在间隔时间到来时反复触发事件,

  • 两者的区别:前者只是作用一次,而后者则不停地作用。

解除定时器的函数

clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象

循环定时器的例子

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <script language="javascript">
        function count() {
            setInterval("alert('2秒钟到!')",2000)
        }
    </script>
<body>
<div id="m"></div>
<input TYPE="button" value=" 计时开始" onclick="count()">
</body>
</html>

倒计时定时器的例子

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <script language="javascript">
        function count() {
            setTimeout("alert('2秒钟到!')", 2000)
        }
    </script>
<body>
<div id="m"></div>
<input TYPE="button" value=" 计时开始" onclick="count()">
</body>
</html>

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~