javascript - 获取正在运行的 CSS3 动画的当前时间

Question

我正在尝试获取正在运行的动画的当前时间，但我没有找到任何东西。我可以获得开始时间:

myelement.addEventListener('webkitAnimationStart', function (evt){ 
  console.log(evt.elapsedTime)                                   
});

和结束时间:

myelement.addEventListener('webkitAnimationEnd', function (evt){ 
  console.log(evt.elapsedTime)                                   
})

但是我认为这是蹩脚的，因为这些值很容易从 CSS 中获取。 有什么想法吗？

Answer 1

CSS 动画的状态 Hook 非常有限。它们不报告它们的当前时间(尽管您可以使用 window.getComputedStyle() 获取当前应用的转换矩阵)。

您得到一个开始和结束事件 - 就是这样。如果您需要获取当前时间，请使用 JavaScript。