AnimationEvent()
Экспериментальная возможность: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
The AnimationEvent()
constructor returns a newly created AnimationEvent
, representing an event in relation with an animation.
Синтаксис
animationEvent = new AnimationEvent(type, {animationName: aPropertyName, elapsedTime : aFloat, pseudoElement: aPseudoElementName});
Параметры
Конструктор AnimationEvent()
также наследует аргументы от объекта Event()
.
type
-
A
DOMString
representing the name of the type of theAnimationEvent
. It is case-sensitive and can be:'animationstart'
,'animationend'
, or'animationiteration'
. animationName
Необязательный-
A
DOMString
containing the value of theanimation-name
CSS property associated with the transition. It defaults to""
. elapsedTime
Необязательный-
A
float
giving the amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused. For an"animationstart"
event,elapsedTime
is0.0
unless there was a negative value foranimation-delay
, in which case the event will be fired withelapsedTime
containing(-1 * delay)
. It defaults to0.0
. pseudoElement
Необязательный-
Is a
DOMString
, starting with"::"
, containing the name of the pseudo-element the animation runs on. If the animation doesn't run on a pseudo-element but on the element itself, specify an empty string:""
. It defaults to""
.
Возвращаемое значение
A new AnimationEvent
, initialized per any provided options.
Спецификации
Specification |
---|
CSS Animations Level 1 # dom-animationevent-animationevent |
Браузерная совместимость
BCD tables only load in the browser
Смотрите также
- Using CSS animations (en-US)
- Animation-related CSS properties and at-rules:
animation
,animation-delay
,animation-direction
,animation-duration
,animation-fill-mode
,animation-iteration-count
,animation-name
,animation-play-state
,animation-timing-function
,@keyframes
(en-US) - The
AnimationEvent
interface it belongs to.