stats.js.md

stats.js

JavaScript性能监控器，可以测试webgl代码的渲染性能。

github Usage

<script type="text/javascript" src="https://git.hust.cc/GitHub-Repo-Widget.js/GithubRepoWidget.js"></script>

构造函数

var myStats=new Stats();

界面输出控制

使用构造函数Stats创建对象时，构造函数中的Javascript代码默认创建一个id是stats的div元素，默认位置页面左上角，如果想设置界面的显示效果，可以修改stats源码

//把stats创建的div元素插入页面，domElement是对象的属性，属性值就是stats创建的div元素

document.getElementById("body").appendChild(myStats.domElement);

方法

• setMode(mode)

可以已通过setMode()方法的参数mode的数值设置首次打开页面，测试结果的显示模式，鼠标单击可以更换不同的显示模式

setMode参数mode默认值为0

设置测试结果显示模式为MS

myStats.setMode（1）;

参数mode	模式	意义
0	FPS	刷新频率,一秒渲染次数
1	MS	刷新周期，渲染一次时间

• update()

刷新

//requestAnimationFrame循环调用的函数中调用方法update()，来刷新时间
myStats.update();