获取正在运行的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。