知识大全 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>

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

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

　　</Script>

　　<INPUT TYPE="button" VALUE=" 计时开始" onClick="count()">

　　例 <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>

相关参考