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