requestAnimationFrame重复绘图的兼容性写法

一、兼容性代码如下:

if ( !window.requestAnimationFrame ) {

  window.requestAnimationFrame = ( function() {

    return window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame ||
    window.oRequestAnimationFrame ||
    window.msRequestAnimationFrame ||
    function( /* function FrameRequestCallback */ callback, /* DOMElement Element */ element ) {

      window.setTimeout( callback, 1000 / 60 );// 采用60帧每秒的方式重复执行回调函数

    };

  } )();

}

二、使用方式:

function render(){
// todo...
};
requestAnimationFrame(render);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,067评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,792评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,868评论 18 139
  • 昨天晚上我和舍友们聊天,我的话太多了,我谈感情上面的事比较多,这使我意识到我动摇了或者是可以使自己更加理智。 之后...
    昕艺阅读 164评论 0 0
  • 天地昏黄 我于其间 尘沙漫卷 遮日蔽天 我的左眼火山喷发 熔岩如瀑 右眼中星云闪烁 一瞬间宇宙生 一瞬间宇宙灭 双...
    柠小檬1314阅读 277评论 0 0