/**

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

    }

})();

　　

通过requestAnimationFrame判断浏览器帧率的更多相关文章

  1. 《如何使用Javascript判断浏览器终端设备》

    WEB开发中如何通过Javascript来判断终端为PC.IOS(iphone).Android呢? 可以通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. va ...

  2. js判断浏览器类型以及浏览器版本

    判断浏览器类型:   if navigator.userAgent.indexOf(”MSIE”)>0) {} //判断是否IE浏览器 if(isFirefox=navigator.userAg ...

  3. 判断浏览器类型用 document.documentMode方式，

    if ( document.documentMode && document.documentMode < 9 ){ document.write( '<script sr ...

  4. 判断浏览器是pc端还是手机端

    1. 判断浏览器是pc端还是手机端 <script type="text/javascript"> var browser = { versions: function ...

  5. js判断浏览器，包括Edge浏览器

    /* * 描述:判断浏览器信息 * 编写:LittleQiang_w * 日期:2016.1.5 * 版本:V1.1 */ //判断当前浏览类型 function BrowserType() { va ...

  6. 如何使用Javascript判断浏览器终端设备

    WEB开发中如何通过Javascript来判断终端为PC.IOS(iphone).Android呢? 可以通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端 var ...

  7. js/jquery判断浏览器的方法小结

    在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把 ...

  8. JQuery 判断浏览器及其版本

    JQuery 中用 方法 jQuery.browser 来判断浏览器,返回值可以为: safari opera msie mozilla. 当然有时候我们还需要区分版本 这就要用到 jQuery.br ...

  9. js/jQuery判断浏览器名称、内核版本、浏览器壳

    1.js方法 /* 判断浏览器名称和版本 目前只能判断:ie/firefox/chrome/opera/safari 2012年5月16日23:47:08 浏览器内核UA:UA; 浏览器内核名称:NV ...

随机推荐

  1. C# 轮流展示照片

    代码 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; u ...

  2. Flask框架flash消息闪现学习与优化符合闪现之名

    Flask的flash 第一次知道Flask有flash这个功能时,听这名字就觉得高端,消息闪现-是跳刀blink闪烁躲技能的top10操作吗?可结果让我好失望,哪里有什么闪现的效果,不过是平常的消息 ...

  3. 16.Django学习之文件上传和下载

    上传就这么六步! 一. settings配置文件中配置 MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'medias').repl ...

  4. 小白探究UE4网络系列(一)、UE4网络基础类分析

    转载请标明出处:http://www.cnblogs.com/zblade/ 一.概要 捣鼓UE4也有两个多月了,从这儿开始,逐步探究UE4中经典的值复制,RPC两种同步方式.想要弄到其复制和调用的原 ...

  5. ZOJ 2112 Dynamic Rankings(树状数组+主席树)

    The Company Dynamic Rankings has developed a new kind of computer that is no longer satisfied with t ...

  6. Coderforces-455A

    Alex doesn't like boredom. That's why whenever he gets bored, he comes up with games. One long winte ...

  7. 数理统计（一）——用Python进行方差分析

    数理统计(一)——Python进行方差分析 iwehdio的博客园:https://www.cnblogs.com/iwehdio/ 方差分析可以用来推断一个或多个因素在其状态变化时,其因素水平或交互 ...

  8. ARTS-S python抽象方法抽象类

    # coding: utf-8 from abc import ABC, abstractmethod class AbstractClassExample(ABC): def __init__(se ...

  9. USB3.0之高速视频传输测试 双目相机（mt9p031、mt9m001）带宽高达300M测试 配合isensor测试 500万像素15fps

    最近完善了下USB3.0的视频开发测试,主要优化了FPGA程序和固件,及其同步方式.对带宽和图像效果进行了仔细的测试 开发板架构(2CMOS+FPGA+2DDR2+USB3.0) 评估板底板配合2个M ...

  10. 深入理解 Java 反射和动态代理