知识大全 JavaScript定时器详解

Posted 2022-07-20 函数

篇首语：博观而约取，厚积而薄发。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JavaScript定时器详解相关的知识，希望对你有一定的参考价值。

JavaScript定时器详解 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

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

　　倒计定时器 timename=setTimeout("function();" delaytime);

　　循环定时器 timename=setInterval("function();" delaytime);

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

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

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

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

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

　　例 <SCRIPT LANGUAGE="JavaScript"> setTimeout("confirm( )" ); </SCRIPT>

　　 function count() setTimeout("alert( 三秒到了 )" )

　　</Script>

　　例 <Script><script language="JavaScript" type=text/javascript>

　　 var sec = ; timerID = setInterval("count()" );

　　function count() num innerHTML = sec++;

　　</Script>

　　停留时间 <FONT ID="num" FACE="impact"> </FONT>秒钟 <INPUT TYPE="button" VALUE="停止" onClick="clearInterval(timerID)">

　　例 <script language="JavaScript" type=text/javascript>

　　 var str = "这是一个在线拍卖的网站请尽情血拼吧！"; var seq = ;

　　function scroll() msg = str substring( seq+ ); banner innerHTML = msg; seq++; if (seq >= str length) seq = ;

　　</Script>

cha138/Article/program/Java/JSP/201311/20046