通过requestAnimationFrame判断浏览器帧率

匿名 (未验证) 提交于 2019-12-02 23:49:02
/**  ** 得到浏览器每秒帧数fps  **   ** @Date Mar 13 2013  **/  var showFPS = (function(){      var requestAnimationFrame =           window.requestAnimationFrame || //Chromium           window.webkitRequestAnimationFrame || //Webkit          window.mozRequestAnimationFrame || //Mozilla Geko          window.oRequestAnimationFrame || //Opera Presto          window.msRequestAnimationFrame || //IE Trident?          function(callback) { //Fallback function          window.setTimeout(callback, 1000/60);          };      var e,pe,pid,fps,last,offset,step,appendFps;        fps = 0;      last = Date.now();      step = function(){          offset = Date.now() - last;          fps += 1;          if( offset >= 1000 ){          last += offset;          appendFps(fps);          fps = 0;          }          requestAnimationFrame( step );      };      //显示fps; 如果未指定元素id,默认<body>标签      appendFps = function(fps){          if(!e) e=document.createElement('span');          pe=pid?document.getElementById(pid):document.getElementsByTagName('body')[0];          e.innerHTML = "fps: " + fps;          pe.appendChild(e);      }      return {          setParentElementId :  function(id){pid=id;},          go          :  function(){step();}      }  })();  

  

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!