javascript中setTimeout 和setInterval的区别

purpen

浏览: 795307 次
性别:
来自: 北京

最近访客更多访客>>

hwp81226

eelzs

zwwayne

aje

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript

JavaScript HTML Go

window对象有两个主要的定时方法，分别是setTimeout 和 setInteval 他们的语法基本上相同，但是完成的功能取有区别。

　 setTimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。
　 setInterval方法则是表示间隔一定时间反复执行某操作。

　如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行(setTimeout( ) 預設只是執行一次, 但我們可以使用一個循環方式, 使到一個setTimeout( ) 再啟動自己一次, 就會使到第二個 setTimeout( ) 執行, 第二個又啟動第三個, 這樣循環下去, 這 setTimeout( ) 就會不斷執行)。如果要清除计数器需要根据使用的方法不同，调用不同的清除方法：

var timeID = null;
//timeout方法
timeID=setTimeout('northsnow()',1000);
clearTimeout(timeID);
//interval方法
timeID=setInterval('northsnow()',1000);
clearInteval(timeID);

eg:

<script type="text/javascript">
var count = 0;
var timeID = null;
function counter() {
count++;
$("#count").html(count + '%');
timeID = setTimeout("counter()", 1000);//注意:执行的函数需要加引号,否则会报错的
if (count > 10) {
clearTimeout(timeID); //注意:clearTimeout(timeID)必须位于setTimeout()之后,不能是之前,原因很容易呦!
}
}
$(function() {
counter();
});
</script>

<script type="text/javascript">
var count = 0;
var timeID = null;
function counter() {
count++;
$("#count").html(count + '%');
if (count > 10) {
clearInterval(timeID);
}
}
$(function() {
timeID = setInterval('counter()', 1000); //注意:执行的函数需要加引号,否则会报错的
});
</script>

好了,基本原理明白了,剩下的就是自己灵活运用了,可以开发一些定时器或延时器之类的东东^_^.

分享到：

教你如何辨别手机是行货还是水货！！ | javascript继承机制的实现(三)

2007-07-26 20:04
浏览 10160
评论(1)
查看更多

1 楼 joe001 2008-01-02

我设了两个按钮,一个开始一个停止

var i=1;
	function istart(){
		i++;
		$("#kk1").html(i);
	};
$(document).ready(function() {
	var id2;
	$("#start").click(function() {
		id2=setInterval("go()",500)
		$("#idid").html(id2);
	});
	$("#stop").click(function() {
		clearInterval(id2)
	});
});

点了停止按钮计数停止了,但是若不慎多点了一下开始按钮,就没法再用停止按钮停止计数了,怎么办?

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论