CSS动画是否在严格的时间基础上工作？

Question

也就是说,如果我将动画设置为1秒,它是否总是需要1秒(即跳过帧以达到该间隔)？

我的问题的第2部分涉及如何在异步Javascript调用中使用CSS动画.我需要能够在动画完成后回忆它.

Answer 1

时间不保证完全正确。为了演示，我设置了一个测试用例，显示时间与 1 秒标记略有不同。至于问题的第二部分，您可以使用animationend事件重新启动它，也可以将其设置为迭代（就像我在示例中所做的那样）。

更新很难模拟浏览器卡住，但我注意到当它自然卡住时与动画有很大的偏差。例如，在加载页面，我的Firebug的启动，这引起了第一个动画跳下来到0.574秒，几乎有一半我的原始值。所以看起来浏览器确实试图补偿一点，但它也可能过度补偿。我也见过长达 2 秒的时间，所以我认为你不能说时间会以任何方式准确。

更新 2所以，我能够让浏览器窒息（不得不在 FF 中数到 1000000 ......我印象深刻），并且对您的问题的快速回答是否定的，它不会对尝试进行任何补偿时间准确。它只是窒息而没有动画。请注意，这是一个紧密的循环，因此如果可以在其中进行其他计算，它的性能可能会更好，但我不确定。