requestAnimationFrame使用
var reauestAnimationFrame=null; function testRequestAnimationFrame(){ var radius=1; function step(timestamp) { if(radius>100){ radius=1;
//取消回调 window.cancelAnimationFrame(reauestAnimationFrame) } radius++; window.requestAnimationFrame(step); } reauestAnimationFrame=window.requestAnimationFrame(step);
}
请求动画帧, 动画播放,根据浏览器的刷新频率(每秒60帧),进行函数回调,
比setTimeOut更流畅,耗能小,