代码

设置一个帧率类

/*FPS 每秒传输帧数(Frames Per Second)FPS = 一秒走过的帧数
*/class FrameUtil {constructor(){// 1. 当前的帧序号 —— 总帧数this.currentFrame = 0;// 2. FPSthis.realFps = 0;// 3. 起始帧 —— 记录每一秒的开始帧和开始时间this.sFrame = 0;this.sTime = new Date();}/*** 更新*/update(){// 1. 当前的帧序号++this.currentFrame++;// 2. 判断sTime是否走过了1slet t = new Date();// 3. 判断if(t - this.sTime >= 1000){// 3.1 计算FPSthis.realFps = this.currentFrame - this.sFrame;// 3.2 更新起始帧和起始时间this.sFrame = this.currentFrame;this.sTime = t;}}
}

使用

引入FrameUtil.js
实例化帧类
```
let frameUtil= new FrameUtil();
```
获取初始FPS
```
let FPS = frameUtil.realFps || 60;
```
开启定时器，时间为一帧走过的时间
在这里时间之所以是一帧走过的时间，是因为在帧类update()方法中，是currentFrame++
也就是说，走过一帧，更新一次。
```
timer = setInterval(()=>{}, 1000 / this.fps);
```

在定时器内部，不断执行update方法，即可不断更新帧对象FPS，并获取FPS和FNO

timer = setInterval(()=>{frameUtil.update();let currentFPS = frameUtil.realFps;let currentFNO = frameUtil.currentFrame;
}, 1000 / this.fps);

JavaScript：获取帧率FrameUtil.js相关推荐

JavaScript 获取当前日期——JS 中的今天日期
在开发 Web 应用程序时,您可能需要包括执行特定操作的当前日期. 例如,当通过表单提交数据时,您可能希望包括数据的创建日期或提交表单的时间. 在本文中,我们将学习如何从头开始使用 JavaScrip ...
js 条码枪扫描_使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
下面通过实例代码给大家介绍js扫码枪扫描条形码的实现方法,具体代码如下所示: var keycode = ""; var lastTime=null,nextTime; var l ...
JavaScript 获取字符串指定字符的数量 JS 获取字符串指定字符的数量
JavaScript 获取字符串指定字符 //循环对比计数效率最低 function getCharCount1(str,char){let count= 0;for(let i=0;i<st ...
js获取应用服务器时间,JavaScript获取服务器端时间的方法
用js做时间校正,获取本机时间,是存在bug的. 使用js也可获取到服务器时间,原理是使用 ajax请求,返回的头部信息就含有服务器端的时间信息,获取到就可以了.以下: 1.依赖jQuery 代码: ...
javascript 获取滚动条高度+常用js页面宽度与高度
javascript 获取滚动条高度+常用js页面宽度与高度/ ********************* 取窗口滚动条高度****************** / function getScrol ...
html form提交前md5,javascript实现MD5加密-JavaScript获取HTML元素的三种方...-兼容IE与firefox的js回车提交表单_169IT.COM...
本文介绍JavaScript获取网页中HTML元素的三种方法,供大家学习参考. 1.getElementById() getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义 ...
php js 获取当前时间戳,JavaScript 获取当前时间戳的代码_时间日期
JavaScript 获取当前时间戳: 第一种方法: var timestamp = Date.parse(new Date()); 结果:1280977330000 第二种方法: var times ...
html+设置img+src属性值,javascript获取、设置修改img的src属性（get/setAttribute）
在开发网站过程中,事先就设置好了图片img的src性,一般来说很少修改这个属性,网站加载时直接显示事先设置好的图片.但如果网页要求实现滚屏加载图片(动态加载图片),也就是一次不显示网页内的所有图片,当 ...
javascript获取asp.net服务器端控件的值(2009-10-31 15:24:26)转载标签：杂谈分类：技术分类
javascript获取asp.net服务器端控件的值 (2009-10-31 15:24:26) 转载标签: 杂谈分类:技术分类代码如下: <%@ Page Language=" ...
.NET获取不到js写的cookie解决方法
今晚使用javascript设置一个来路的cookie,之后使用ASP.NET获取这个cookie值,发现ASP.NET获取不到JS设置的cookie值,真郁闷中,以下是JS写Cookie的代码: C ...

JavaScript：获取帧率FrameUtil.js

代码

使用

JavaScript：获取帧率FrameUtil.js相关推荐

最新文章

热门文章