javascript

位置:IT落伍者 >> javascript >> 浏览文章

JavaScript定时器详解


发布日期:2024年08月09日
 
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() {
numinnerHTML = 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 = strsubstring( seq+);
bannerinnerHTML = msg;
seq++;
if (seq >= strlength) seq = ;
}

</Script>

<Body onLoad="setInterval(scroll())">
<FONT ID="banner"></FONT>
</Body>

上一篇:如何使用Javascript正则表达式来格式化XML内容

下一篇:JQuery的自定义事件代码,触发,绑定简单实例