JavaScript定时器详解
在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>
lishixinzhi/Article/program/Java/JSP/201311/20046
