Получить текущее время запуска 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.