网上有很多关于setTimeOut和setInterval的资料,查查就会明白。如果有幸你进了这里,就简单看下面几句话吧。
最基本的setTimeOut是在一个时间间隔后执行一个任务。
setInterval是在某个时间间隔不断的执行某个任务。
也就是setTimeOut只执行一次,setInterval循环执行。
如果在setTimeOut要执行的任务里再次调用setTimeOut,岂不是跟setInterval实现一样的效果了?其实不然!
看如下代码:
funtion run1(){
//操作
setTimeOut(run1,1000);
}
setTimeOut(run1,1000);
再看setInterval的:
function run2{
//操作
}
setInterval(run2,1000);
看似这两种写法实现的效果一样,其实大不相同。这就体现在setTimeOut和setInterval最重要的不同上了。
setTimeOut在执行其所要调用的方法时除了计算参数时间(时间间隔)还要等待方法执行时间。
setInterval在执行其所要调用的方法时严格按照参数时间(时间间隔)执行,不会等待方法执行时间,如果执行方法的时间超过了参数时间(时间间隔),则setInverval将取消下次执行,进行下下次的方法调用。
看如下代码:
funtion run1(){
//操作
//延时200毫秒
setTimeOut(run1,1000);//2
}
setTimeOut(run1,1000);//1
以上1执行完后1000毫秒后执行run1假设操作共耗200毫秒,然后执行2,再次等待1000毫秒执行run1.可以看出间隔时间变成了1200毫秒。
再看setInterval的:
function run2{
//操作
//延时200毫秒
}
setInterval(run2,1000);
首先执行setInterval,1000毫秒后执行run2,操作200毫秒,然后setInterval只会再等待800毫秒就会执行run2.因此setInvetval会严格按照1000的间隔进行run2的执行。
如果是下面这种情况:
function run3{
//操作
//延时1200毫秒
}
setInterval(run2,1000);
首先执行setInterval,1000毫秒后执行run2,操作1200毫秒,这里在run3用了1000毫秒时setInterval不会执行run3,等run3执行完毕1200毫秒后,setInterval依然不会马上执行run3,而是会等待800毫秒才执行run3,因为run3执行时间超过了参数时间(时间间隔),setInterval将过跳过此次调用。因此,setInverval会严格按照时间间隔执行调用方法,如果被调用的方法执行时间超过了时间间隔,setInterval将忽略当次执行。
至此,我想,计时程序用setTimeOut还是setInterval一定很明确了吧。Of Course,It is "setInterval"~~~~~~