2
setInterval(function(){
    run();
}, 1000);
function run(){
    setTimeout(function(){
        run();
    }, 1000);
}

run();

我想问一下,在效果上,这两个方法完全一样,但是本质上区别在哪里呢?
补充一下:我想问的是在线程中这两种实现方法有什么不同之处,或者说在队列中的区别。

devilshow 333
2016-07-17 提问
9 个回答
9

已采纳
function run(){
    // 其他代码
    setTimeout(function(){
        run();
    }, 10000);
}
run();

以上面的代码来说, 虽然设置的是10s执行一次, 但是实际时间却是需要// 其他代码的执行时间来确定
即setTimeout的间隔时间是, // 其他代码执行时间 + 10s

setInterval(function(){
    run();
}, 10000);

而setInterval, 不会有上面的问题, 但是如果run()的执行时间, 操作大于10s, 那么甚至可能跳过任务

1

setTimeout 的间隔时间是 其他代码执行时间 + 10s, 这个说法并不准确, 从表现上是 其他代码执行时间 与 10s 的最大值

袖之欢 · 2016年07月21日

展开评论
1

setinterval 循环执行 如果包含在一个点击事件中 setinterval设置的是3000也就是三秒,你点击一次加快一次点击一次加快一次,最后飞速的变换。就像汽车一样踩一脚油门加速一次踩一次加速一次
settimeout 执行一次

0

setInterval是循环执行,setTimeout是延迟执行。虽然上面的方式一样,但是第二种方式是递归调用自己。

0

setInterval 是持续占有独立线程的一个定时触发函数!

嵌套setTimeout,实现的功能和前者一样!但是不会持续占有一个线程的资源,执行完当前的方法,会释放当然的线程资源,等待下次触发,会重新申请资源!

我记得有这么一个区别,不知道有没有记错!

0

setInterval是每隔一段时间调用指定函数(N次)
setTimeout是在一段时间后调用指定函数(仅一次)

这区别很明显了吧,虽然你题目中使用setTimeout达到了setInterval的效果,但我觉得是完全多余。

实际写代码的时候,就看你的需求是怎样,针对需求去写对应的代码。


另外,第一个代码写成setInterval(run,1000);也是可以执行的。

0

就感官效果来说第一次执行没什么区别。

0

就这个功能而言,推荐用内置方法(第一种)

0

只执行一次和在一定时间内重复执行。setTimeout时间不是标准的系统时间,是有误差的。

0

setInterval保证“开始执行run的时间间隔” > 1000
setTimeout保证“两次执行run之间的间隔” > 1000

clipboard.png

比如这个setInterval的例子,每间隔100ms执行一次,但fn本身执行需要150ms,导致在200ms时候第二个run函数加入到事件队列但是他需要等待第一个run函数在150ms执行完毕之后再执行,这就导致了这两个run函数“开始执行”的时间间隔是150ms,但是“两次run之间的间隔”是0ms

setTimeout是在第一次run执行完毕之后才再次调用setTimtout(fn, time);将其加入到事件队列,这就保证第一个run执行完毕 到 第二个run开始执行的时间间隔 > time

http://qingbob.com/difference...

撰写答案

推广链接