深入理解javascript事件

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

使用setInterval调度

   1:      var fireCount = 0;

   2:      var start = new Date;

   3:      var timer = setInterval(function() {

   4:        if (new Date - start > 1000) {

   5:   

   6:          clearInterval(timer)

   7:          console.log('setInterval 1000ms运行次数' + fireCount + "次数");

   8:          return

   9:        }

  10:        fireCount++;

  11:      }, 0)

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

1秒钟运行次数
Safari 224

Google Chrome 189

HTML规范,推行的延时/时间间隔的最小值是4毫秒

http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html

• node中,pocess.nextTick 可以超过10万次/秒
• requestAnimationFrame

1. 允许60+帧/秒的速度运行动画

2. 避免后台选项卡运行这些动画，节约CPU周期