AnimationEvent

AnimationEvent インターフェイスは、アニメーションに関する情報を提供するイベントを表します。

AnimationEvent()

指定された引数で AnimationEvent イベントを生成します。

親の Event から継承されるプロパティもあります。

AnimationEvent.animationName 読取専用

DOMString で、この変化に関連付けられた animation-name CSS プロパティの値を含みます。

AnimationEvent.elapsedTime 読取専用

float 値で、アニメーションが実行された時間の長さを秒単位で表し、イベントが発生したときは、アニメーションが停止していた時間は除外されます。 animationstart イベントでは、 elapsedTime は、ふつう 0.0 となりますが、 animation-delay が負の値であった場合は例外で、この場合はイベントは elapsedTime に (-1 * delay) が入った状態でイベントが発生します。

AnimationEvent.pseudoElement 読取専用

DOMString で、 '::' で始まり、アニメーションが実行される 疑似要素 の名前が入ります。このアニメーションが疑似要素ではなく要素で実行されている場合は、空文字列 '' になります。

親の Event から継承されるメソッドもあります。

AnimationEvent.initAnimationEvent()

非推奨の Document.createEvent("AnimationEvent") メソッドを使用して作成された AnimationEvent を初期化します。

• CSS アニメーションの使用
• アニメーションに関する CSS プロパティと @-規則: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes.