博客分类： JavaScript jssettimeoutsetinterval定时 setTimeout()的使用

mutaomutao

于 2013-05-18 08:43:30 发布

阅读量455

点赞数

地址： http://apple-wxs.iteye.com/blog/280984

setTimeout()的使用：
先看个例子

    Js代码   
    
  
 <SCRIPT LANGUAGE="JavaScript">  
 function test() {  
     //100毫秒后执行sleep方法, 但这100毫秒程序不会等待，会继续执行setTimeout后面的代码  
     //效果就是 先alert(2); 后 alert(1);  
     window.setTimeout("sleep()", 100);  
     alert(2);     
 }  
 function sleep(){  
     alert(1);  
 }  
 test();  
 </SCRIPT>  

关于setTimeout方法的第一个参数，可以为字符串，也可以为方法的指针
如果为字符串的时候必须写括号，指针时不用写括号，
如：

    Js代码   
    
  
 window.setTimeout("sleep()", 100);  
 window.setTimeout(sleep, 100);  

两者效果一样。

另：可以指定参数，如

    Js代码   
    
  
 window.setTimeout("sleep('" + document.all.aa.value + "')", 100);  
 window.setTimeout(sleep(document.all.aa.value), 100);  

然后再sleep方法里可以取到参数的值。

再看看window.setInterval()

    Js代码   
    
  
 <SCRIPT LANGUAGE="JavaScript">  
 var timer;//声明一个定时器  
 var count = 0;  
 function test()  
 {  
     //每隔500毫秒执行一次add()方法  
     timer = window.setInterval("add()",500);  
 }  
 function add(){  
     alert(++ count);  
     if (count == 5)  
     {  
         //如果count值达到5，清空定时器  
         window.clearInterval(timer);  
     }  
 }  
 test();  
 </SCRIPT>  

window.setTimeout()是经过指定的某个时间段后执行一次指定的方法
window.setInterval()是循环的执行指定的方法，循环的间隔是指定的时间段，

然后通过window.clearInterval()方法清除循环执行。

http://www.cnblogs.com/lichang1987/archive/2008/08/14/1268224.html

setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次

用setTimeout实现的自动变化显示随机数的效果:

<html>
<head>
<script>
window.οnlοad=sett;
function sett()
{
document.body.innerHTML=Math.random();
setTimeout("sett()",500);
}
</script>
</head>
<body>
</body>
</html>

[setInterval]
setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式

用setInterval实现的自动变化显示随机数的效果:

<html>
<head>
<script>
function sett()
{
document.body.innerHTML=Math.random();
}
setInterval("sett();", 500);
</script>
</head>
<body>
</body>
</html>

mutaomutao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
博客分类： JavaScript jssettimeoutsetinterval定时 setTimeout()的使用

地址： http://apple-wxs.iteye.com/blog/280984setTimeout()的使用：先看个例子 Js代码 "JavaScript"> function test() { //100毫秒后执行sleep方法, 但这100毫秒程序不会等待，会继续执行setTimeout后面的代码 //
复制链接

扫一扫