html5 / jQuery,每100毫秒进行毫秒动画的时钟, <div> 或者<canvas>?



我在jQuery中编码了一个小秒表/时钟,它将使用phonegap构建在android和iOS上运行,秒表以"00:00:00.0"的格式显示自秒表启动以来的时间,它包括毫秒作为最后一块数字,并每100ms更新一次。我一直在谷歌上寻找canvas与div的性能文章,但似乎没有提到它们是如何以100ms的间隔更新文本的。

我想知道更新<div>中显示时间的文本是最好的,还是应该在<canvas>中?目前我正在使用div,偶尔会有一点滞后,浏览器似乎跟不上,非常感谢对情况的任何建议/见解,谢谢大家!

我将在此处转录注释;

您应该知道,画布重新绘制每个循环,而DOM元素仅在请求时移动/设置动画。尽管我认为简单的动画,两者都不重要,但DOM移动((会更快。

DOM元素动画的缺点可能是浏览器性能视觉上。有些浏览器倾向于进行旋转和转换DOM元素不同,也就是说;丑陋(锋利的边缘等(。

计时器不会滞后,别担心。如今的JavaScript引擎非常高性能。你迟早不会打嗝的在不同的浏览器中使用DOM可能会有所不同。通过视觉性能我真的是这么想的,不是结结巴巴:(

还有你想要的实现这一目标相当轻松。两者都会起作用。我会选择DOM tho,但这是私人的:(

最新更新