AnimationEvent
Базовая версия Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.
Интерфейс AnimationEvent представляет события, предоставляющие информацию, связанную с анимациями.
Конструктор
AnimationEvent()-
Создаёт событие
AnimationEventс заданными параметрами.
Свойства экземпляра
Также наследует свойства от родительского класса Event.
-
AnimationEvent.animationNameТолько для чтения -
Строка, содержащая значение
animation-name, которое сгенерировало анимацию. -
AnimationEvent.elapsedTimeТолько для чтения -
Значение, указывающее на время работы анимации в секундах в момент срабатывания события, не учитывая время паузы анимации. Для события
animationstart,elapsedTimeравно0.0, если не было отрицательного значения дляanimation-delay, в противном случае событие будет срабатывать сelapsedTime, содержащим(-1 * delay). -
AnimationEvent.pseudoElementТолько для чтения -
Строка, начинающаяся с
'::', содержащая имя псевдоэлемента, на котором выполняется анимация. Если анимация выполняется не на псевдоэлементе, а на элементе, то строка пустая:''.
Методы экземпляра
Наследует методы от родительского класса Event.
Спецификации
| Спецификация |
|---|
| CSS Animations Level 1 # interface-animationevent |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
AnimationEvent |
43 | 14 | 23 | 30 | 96 | 43 | 23 | 30 | 96 | 4.0 | 43 |
AnimationEvent |
431–70 | 12 | 5 | 3015–5712.1–1512–15 | 94 | 4318–70 | 5 | 3014–4912.1–1412–14 | 93.2 | 4.01.0–10.0 | 43≤37–70 |
animationName |
43 | 12 | 5 | 30 | 9 | 43 | 5 | 30 | 9 | 4.0 | 43 |
elapsedTime |
43 | 12 | 5 | 30 | 9 | 43 | 5 | 30 | 9 | 4.0 | 43 |
pseudoElement |
68 | 79 | 23 | 55 | 13.1 | 68 | 23 | 48 | 13.4 | 10.0 | 68 |
См. также
- Использование CSS-анимаций
- Свойства и правила CSS, относящиеся к анимациям:
animation,animation-composition,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes.
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent