Spec-Zone.ru › Web APIs

AnimationEvent

Базовая версия Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

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

Событие 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API