首页 >web前端 >js教程 > JavaScript定时器详解

JavaScript定时器详解

高洛峰
高洛峰原创
2016-11-26 10:05:211461浏览

在javascritp中,有两个关于定时器的专用函数,它们是: 

1.倒计定时器:timename=setTimeout("function();",delaytime); 

2.循环定时器:timename=setInterval("function();",delaytime); 

  function()是定时器触发时要执行的是事件的函数,可以是一个函数,也可以是几个函数,或者javascript的语句也可以,单要用;隔开;delaytime则是间隔的时间,以毫秒为单位。 

  倒计时定时器就是在指定时间后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,其区别在于:前者只是作用一次,而后者则不停地作用。 

  倒计时定时器一般用于页面上只需要触发一次的的情况,比如点击某按钮后页面在一定时间后跳转到相应的站点,也可以用于判断一个浏览者是不是你的站点上的“老客”,如果不是,你就可以在5秒或者10秒后跳转到相应的站点,然后告诉他以后再来可以在某个地方按某一个按钮就可以快速进入。 

  循环定时器一般用于站点上需要从复执行的效果,比如一个javascript的滚动条或者状态栏,也可以用于将页面的背景用飞雪的图片来表示。这些事件需要隔一段时间运行一次。 

  有时候我们也想去掉一些加上的定时器,此时可以用clearTimeout(timename) 来关闭倒计时定时器,而用clearInterval(timename)来关闭循环定时器。 


例1:

例2:
<Script><script language="JavaScript" type="text/javascript"></p> <p><br>var sec = 0;<br>timerID = setInterval("count()",1000);</p> <p>function count() {<br>    num.innerHTML = sec++;<br>}</p> <p></Script>

停留时间:
0秒钟

例3:




声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn