AnimationEvent()

O construtor AnimationEvent()retorna o recente criado AnimationEvent, representando um evento em relação a animação.

Síntaxe

animationEvent = new AnimationEvent(type, {animationName: aPropertyName, 
                                           elapsedTime  : aFloat, 
                                           pseudoElement: aPseudoElementName});

Argumentos

O construtor AnimationEvent() também herda argumentos do Event().

type

Um DOMString representando o nome do tipo de AnimationEvent. É caso sensitivo e pode ser: 'animationstart', 'animationend', ou 'animationiteration'.

animationName Optional

UmDOMString contendo o valor do animation-name propriedade CSS associada com a transição. É por padrão "".

elapsedTime Optional

Um ponto flutuante dando a quantidade de tempo que a animação esteve rodando, em segundos, quando o evento termina, excluindo qualquer tempo que ela passou pausada. Para um evento "animationstart", elapsedTime é 0.0 a não ser que haja um valor negativo para animation-delay, nesse caso o evento terminará com elapsedTime contendo  (-1 * delay). É por padrão 0.0.

pseudoElement Optional

É um DOMString, começando com"::", contendo o nome do pseudo-element que a animação roda. Se a animação não roda em um pseudo-elementomas em um elemento, então temos um string vazio "" .É por padrão "". 

Especificações

Compatibilidade com os Navegadores

Veja também 

• Usando animações CSS.
• Tópicos relacionados a animação CSS, propriedades e regras: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes
• The AnimationEvent interface it belongs to.