This page was translated from English by the community.Learn more and join the MDN Web Docs community.
AnimationEvent
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since сентябрь 2015 г..
Экспериментальная возможность:Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотритетаблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
AnimationEvent - это интерфейс представляющий события, содержащие информацию, связанную с анимацией.
Свойства
Также свойства наследуются от родителяEvent.
AnimationEvent.animationNameТолько для чтенияЯвляется
DOMStringсодержащей значенияanimation-nameCSS-свойств связанных с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 |
Совместимость с браузерами
Смотрите также
- Использование CSS-анимации
- Анимация связанных CSS-свойств и по правилам:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes.