0

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

我想知道是否最好更新在 a 中显示时间的文本<div>还是应该在 a 中<canvas>?目前我正在使用 div 并且时不时地会有一点延迟,看起来浏览器无法跟上,非常感谢任何关于这种情况的建议/洞察力,谢谢大家!

4

1 回答 1

1

我将在这里转录评论;

您应该知道画布会在每个循环中重新绘制,而 DOM 元素仅在请求时才移动/动画。即使我认为,使用如此简单的动画,两者都无关紧要,但 DOM 移动 () 会更快。

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

计时器不会滞后,不用担心。如今,JavaScript 引擎的性能非常高。你不会在时间问题上遇到问题,它可能只是在不同的浏览器中使用 DOM 看起来不同。通过视觉表现,我的意思是,不是口吃:)

此外,您想要实现的目标也很轻。两者都会起作用。我会去 DOM 寿,但这是个人的事情:)

于 2013-04-04T23:54:35.467 回答