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

Question

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

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

和结束时间：

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

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

Answer 1

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

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