使用setTimeout 来实现setInterval的效果

直接上代码,实现的核心就是在延时的情况下递归的调用自己,

 1 x=0
 2 y=-1
 3 
 4 function countMin( )
 5 { y=y+1
 6   document.displayMin.displayBox.value=y
 7   var timer=setTimeout("countMin( )",60000)
 8 }
 9 function countSec( )
10 { x = x + 1
11   z =x % 60
12   document.displaySec.displayBox.value=z
13   var timer = setTimeout("countSec( )", 1000)
14 }

但是一般不建议这么使用,有两点要注意:

 1,函数内部的变量会是全局的。(至少是和函数在同一个作用域的)

    2,记得通过条件判定及时清除定时器

    3,没有setInterval的时间间隔精确,因为如果要执行的函数本身的执行时间大于延时时间,则;必须等到当前执行函数执行完才能执行下一次的定时函数,当然了,计算机的速度是很快的,所以如果要求不高,可以这么做

说道这里,我还要补充下关于setTimeout()和setInterval()传递参数的问题,

如下三种写法都可以:1  setInterval("alert()",1000)     2 setInterval(alert,1000)   3 setInterval(function(){alert()},1000)

当然了,不建议第一种写法,因为如果传递的是字符串,那么它会像eval那样重新计算,这样速度就会变慢。此外,如果你不小心写成这样了setInterval(alert(),1000),那么这会怎样了?自己亲手试试吧!

 

开心一刻:

posted on 2014-03-26 17:58  wenber  阅读(1179)  评论(0编辑  收藏  举报

导航