通过requestAnimationFrame判断浏览器帧率

/** 
** 得到浏览器每秒帧数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();} 
    } 
})(); 

  

转载于:https://www.cnblogs.com/woodk/p/11199027.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值