如何计算出浏览器的帧数？requestAnimationFrame

 

。

 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>帧数</title>
</head>
<body>
<div id="div"></div>
</body>
<script>

var count = 0;
var flag = true;
var cishu = 1;
function fun(){
  ++count;
  console.log("执行中");
  if(flag){
    requestAnimationFrame(arguments.callee);
  }
}
let computedZhen = fun;
computedZhen();
setInterval(function() {
  flag = false;//关闭flag是为了关闭递归
  let node = document.getElementById('div');
  ++cishu;
  node.innerText = '帧数（fps）：'+count + "\n更新次数：" + cishu;
  count = 0;
  flag = true;
}, 1000);
</script>
</html>

 

 

 

 

 

 

。

posted @ 2021-01-29 18:59  古墩古墩  Views(368)  Comments(0)    收藏  举报