animation - CSS 动画在严格的时间基础上工作吗？

Question

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

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

Answer 1

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

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

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