html5 / jQuery，每隔100ms进行毫秒动画的时钟，是<div>还是<canvas>？

Question

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

我在想，在<div>中更新显示时间的文本是最好的，还是应该在<canvas>中更新？目前我使用的是div，浏览器看起来跟不上的时候会有一点小的延迟，对这种情况的任何建议/洞察都非常感谢，谢谢大家！

Answer 1

我将在这里转录评论；

您应该知道，canvas在每个循环中都会重新绘制，而DOM元素只有在请求时才会移动/动画。尽管我认为，有了这样简单的动画，两者都不会真正重要，但DOM simple ()会更快。

然而，DOM元素动画的缺点可能是浏览器在视觉上的性能。一些浏览器倾向于以不同的方式旋转和转换DOM元素，也就是说；丑陋(锐利的边缘等)。

计时器不会延迟的，别担心。如今，JavaScript引擎的性能非常高。您不会在时间问题上遇到问题，它可能只是在不同的浏览器中使用DOM看起来有所不同。我的视觉表现真的是这样的，而不是口吃:)

同样，你想要实现的也是非常轻量级的。两者都会起作用。我会选择DOM tho，但那是私人的东西:)