canvas_requestAnimationFrame帧率显示fps

最新推荐文章于 2025-03-11 12:59:05 发布

Promise_，

最新推荐文章于 2025-03-11 12:59:05 发布

阅读量1.3k

点赞数 1

文章标签： javascript html5

本文链接：https://blog.csdn.net/qq_44702555/article/details/124401590

版权

本文探讨了如何使用JavaScript实现帧速率（FPS）监测，以确保动画在高刷新率屏幕上平滑运行。通过`performance.now()`和帧计数技巧，优化了requestAnimationFrame的动画循环，使之适应144Hz显示器，提供稳定且高效的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fps()


let lastTime ;

let count = 0;

function fps(){

count++
//performance.now() 相比 Date.now()更加准确
if(!lastTime)lastTime = performance.now()

if(performance.now() - lastTime > 1000){

vm.fps = count

lastTime = performance.now()

count = 0

}

添加至动画循环antimate