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更流畅,耗能小,

posted @ 2020-05-12 14:55  榆木脑袋敲啊敲  阅读(134)  评论(0编辑  收藏  举报