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