獲取正在運行的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。