setTimeout 与 setInterval

Posted justsmile2

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了setTimeout 与 setInterval相关的知识,希望对你有一定的参考价值。

setTimeout 与 setInterval 实现回调本质上区别:
setTimeout(function(){
/* Some long block of code ... */
setTimout(arguments.callee,10);
},10);
setInterval(function(){
/* Some long block of code ... */
},10);
setTimeout代码至少每隔10ms以上才执行一次;
所以:如果一个计时器被阻塞执行,它将会延迟,直到下一个可执行点
(这可能比期望的时间更长)
setInterval固定每隔10ms将尝试执行,不管它的回调函数的执行状态。
所以:setInterval的回调可能被不停的执行,中间没间隔
(如果回调执行的时间超过预定等待的值)

 

技术图片
    // 天亮了
    var fade = function (node) {
      var level = 1;
      var hex = level.toString(16);
      var step = function () {
        hex = level.toString(16);
        node.style.backgroundColor = "#" + hex + hex + hex;
        if (level < 15) {
          level++;
          setTimeout(step, 60);
        } else {
          console.log("End");
        }
      }
      step();
    }
    console.time(‘time‘);
    fade(document.body);
    console.timeEnd(‘time‘);
View Code

 

以上是关于setTimeout 与 setInterval的主要内容,如果未能解决你的问题,请参考以下文章

使用JavaScript制作页面特效2

高阶组件&&高阶函数

js——定时器

js の 计时器

javascript的setTimeout()与setTimeout()方法用法总结

JavaScript中SetInterval与setTimeout的用法详解