标签 javascript html dom canvas
<分区>
目标:找到 CPU 效率最高的方式在 HTML 中显示当前毫秒数。
我当前的解决方案在我的笔记本电脑上占用了 10% 的 CPU 计算。 我当前的解决方案:http://dev.timerintab.appspot.com/test/ms
我的最终目标是在 timer 上显示毫秒数.
更新
我更改了测试以获取间隔参数:http://dev.timerintab.appspot.com/test/ms?interval=x其中 x 是以 ms 为单位的间隔。
可以注意到，与 16ms 的间隔相比，100ms 的间隔在视觉上有所不同:
http://dev.timerintab.appspot.com/test/ms?interval=100
http://dev.timerintab.appspot.com/test/ms?interval=16
我什至可以注意到 20 毫秒和 16 毫秒间隔之间的差异。
最佳答案
您的显示器的刷新率 [可能] 约为 60Hz。人眼看到(至少有意识地)at less than that rate .
那么，您为什么要如此努力地以 1000Hz 的频率渲染不断变化的数字？为什么不将您的数字四舍五入到最接近的 0.01 秒？这应该大大减少 CPU 占用，并且实际上更多对您的用户更有用，他们可能更有机会实际看到一些东西。
事实上，在实践中，您不需要比 0.1s 更大的分辨率，这是轻而易举的事情。
关于javascript - HTML中高效的毫秒显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5910646/
相关文章：
javascript - 重定向到包含原始帖子数据的 URL
PHP Simple HTML DOM Parser 不处理无效的 HTML - 在第一次试用时卡住了
javascript - 如何强制 .prepend() 和 .append() 添加 DOM 对象，而不是文本
javascript - 如何高效地并行加载多个 CDNJS/CloudFlare 资源？
javascript - 使用 AngularJS 获取 HTML 元素的 id
javascript - 如何在jquery中替换html字符串
javascript - 查找 DOM 元素上使用 jQuery 添加的回调函数