使用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),那么这会怎样了?自己亲手试试吧!
开心一刻: