AnimationEvent

AnimationEvent - это интерфейс представляющий события, содержащии информацию, связанную с анимацией.

Также свойства наследуются от родителя Event.

AnimationEvent.animationName Только для чтения

Является DOMString создержащей значения animation-name CSS свойств связанных с transition.

AnimationEvent.elapsedTime Только для чтения

Является числом с плавающей точкой, которое задаёт коливество времени от начала анимации в секундах, когда это событие отклоненно, несмотря на какое-либо время анимация была остановленна.Для события   "animationstart" , elapsedTime равно  0.0 если не было заданно отрицательное значение для animation-delay, в этом случае событие будет срабатывать с  elapsedTime содержащим (-1 * delay).

AnimationEvent.pseudoElement Только для чтения

Является  DOMString, начинающийся с '::', содержащий имя псевдо-элемента  ,на котором работает анимация.Если анимация не работает на псевдо-элементе, но работает на элементе,значит указанна пустая строка ' '. 

Конструктор

 

AnimationEvent()

Создаёт событие AnimationEvent с передачей параметров.

Также наследуют методы от родителя Event.

AnimationEvent.initAnimationEvent()

Инициализирует AnimationEvent созданную используя резко суждённый метод Document.createEvent("AnimationEvent").

Спецификация

 

Спецификация	Статус	Комментарий
CSS Animations Level 1 Определение 'AnimationEvent' в этой спецификации.	Рабочий черновик	Определяет инициализацию

• Использование CSS анимации
• Анимация связанных CSS свойств и по правилам: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes.