首页 > setTimeout() 和 setInterval() 本质区别在哪里?

setTimeout() 和 setInterval() 本质区别在哪里?

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

run();

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


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


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

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

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


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


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

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

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


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


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


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

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

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

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


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


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

【热门文章】
【热门文章】