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> |
Совместимость с браузерами
Enable JavaScript to view this browser compatibility table.
Смотрите также
- Использование CSS-анимации
- Анимация связанных CSS-свойств и по правилам:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes.