AnimationEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Экспериментальная возможность: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

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").

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

Specification
CSS Animations Level 1 # interface-animationevent

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

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