Javascript的setTimeOut和setInterval用法



Javascript的setTimeOut和setInterval，都是用来处理延时和定时任务，比如打开网页一分钟之后，自动关闭弹出的广告；或者页面每隔10秒钟发送异步的请求获取最新的数据等等。

1、setTimeOut ( ) 用法

用于在指定的毫秒数后调用函数或计算表达式，即内部的方法只执行一次。

可以使用window.settTimeout 或者 setTimeout，两个写法基本一致。

只不过window.setTimeout将setTimeout函数作为全局window对象的一个属性来引用。

应用实例：

[javascript] view plain copy print ?

1. function reloadTimer(){  
2.     // do something  
3. };  
4. // 调用倒计时方法方式1  
5. setTimeout("reloadTimer()", 1000);  
6. // 调用倒计时方法方式2  
7. setTimeout(reloadTimer, 1000);  
8. // 调用倒计时方法方式3（带参数）  
9. setTimeout('reloadTimer('+"'"+param+"'"+')', 1000);  
10. // 直接调用  
11. setTimeout(function(){  
12.     // do something  
13. }, 1000);  

function reloadTimer(){
	// do something
};
// 调用倒计时方法方式1
setTimeout("reloadTimer()", 1000);
// 调用倒计时方法方式2
setTimeout(reloadTimer, 1000);
// 调用倒计时方法方式3（带参数）
setTimeout('reloadTimer('+"'"+param+"'"+')', 1000);
// 直接调用
setTimeout(function(){
	// do something
}, 1000);

2、setInterval ( ) 用法

可参照指定的周期（以毫秒计）来调用函数或计算表达式

setInterval不停的调用函数，直到clearInterval ( ) 被调用或窗口被关闭。由setInterval返回的 ID 值可用作clearInterval方法的参数

setInterval函数的参数及用法和setTimeout函数一样，每隔一定时间执行当中的方法。

应用实例，倒计时60s的功能：

[javascript] view plain copy print ?

1. var count = 60;  
2. var countdown = setInterval(function(){  
3.     if(count <= 1){  
4.         clearInterval(countdown);  
5.     }else{  
6.         count--;  
7.     }  
8. }, 1000);  

var count = 60;
var countdown = setInterval(function(){
	if(count <= 1){
		clearInterval(countdown);
	}else{
		count--;
	}
}, 1000);

clearInterval(countdown)停止调用

转载于：http://blog.csdn.net/ld_____/article/details/48343093