JavaScript定时器

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

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

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

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

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

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

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

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

 

例1：

<script language="JavaScript"> 
setTimeout("confirm('123456')",1000); 
</script>
<script language="JavaScript" type="text/javascript">
 function count() { setTimeout("alert('三秒到了')",3000) } 
</script> 

 

下面让我们看一个更加能够说明 setTimeout 和 setInterval 之间区别的例子：

 

setTimeout(function(){
/* Some long block of code... */
setTimeout(arguments.callee, 10);
}, 10);
setInterval(function(){
/* Some long block of code... */
}, 10);

 

当第一眼看上去的时候也许你会觉得这两个函数功能是完全一样的，但实际上它们并不相同。使用 setTimeout 的函数会保证它们执行的间隔至少为 10 毫秒（只可能多不可能少），而使用 setInterval 的代码会尝试每隔 10 毫秒执行一次，它不会在乎上一次执行到现在的间隔有多少。