Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html5/jQuery,每100ms设置一次毫秒动画的时钟,<;部门>;或<;画布>;?_Jquery_Html_Canvas_Performance Testing - Fatal编程技术网

html5/jQuery,每100ms设置一次毫秒动画的时钟,<;部门>;或<;画布>;?

html5/jQuery,每100ms设置一次毫秒动画的时钟,<;部门>;或<;画布>;?,jquery,html,canvas,performance-testing,Jquery,Html,Canvas,Performance Testing,我在jQuery中编写了一个小秒表/时钟,它将使用phonegap构建在android和iOS上运行,秒表以“00:00:00.0”的格式显示秒表启动后的时间,它包括毫秒作为最后一个数字块,并且每100毫秒更新一次。我一直在谷歌上寻找canvas vs div performance的文章,但似乎没有提到它们是如何以100毫秒的间隔更新文本的 我想知道是最好在中更新显示时间的文本,还是应该在中更新?目前我正在使用div,偶尔会有一点延迟,看起来浏览器跟不上,非常感谢对情况的任何建议/见解,谢谢各

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


我想知道是最好在
中更新显示时间的文本,还是应该在
中更新?目前我正在使用div,偶尔会有一点延迟,看起来浏览器跟不上,非常感谢对情况的任何建议/见解,谢谢各位

我将在这里转录评论


您应该知道画布会重新绘制每个周期,而DOM元素 仅在请求时移动/设置动画。即使我认为,有这样的 简单的动画,两者都不重要,但DOM运动 ()会更快

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


计时器不会延迟,别担心。现在的JavaScript引擎是 非常高的性能。你不会在短时间内打嗝的,是吗 在不同的浏览器中,DOM的外观可能会有所不同。通过视觉 我真的是那个意思,不是口吃:)

还有你想要的 实现这一目标相当轻松。这两种方法都有效。我会选择DOM tho, 但这是个人的事情:)


您应该知道,画布会在每个循环中重新绘制,而DOM元素只有在请求时才会移动/设置动画。即使我认为,有了这么简单的动画,这两个都不重要,但是DOM移动(
)会更快。DOM元素动画的缺点可能是浏览器的视觉性能。一些浏览器倾向于以不同的方式旋转和转换DOM元素,也就是说;丑陋(锐利的边缘等)。啊,我不知道画布在每个周期都会被重新绘制,因此,如果在理论上使用DOM时动画延迟,计时器应该仍然正确/实时,对吗?计时器不会延迟,不用担心。如今,JavaScript引擎的性能非常高。你不会在短时间内打嗝,它可能只是在不同的浏览器中与DOM看起来不同。我所说的视觉表现,不是口吃:)你想要达到的也是相当轻的。这两种方法都有效。我会选择DOM tho,但这是我个人的想法:)啊,太好了,谢谢!如果您将其作为答案提交,我将很高兴投票支持此答案Allendar=]我认为DOM是纯文本动画的发展方向。也请看一下这里: