AnimationEvent: AnimationEvent() コンストラクター

構文

new AnimationEvent(type)
new AnimationEvent(type, options)

引数

type

AnimationEvent の型名を表す文字列です。 大文字と小文字を区別し、ブラウザーでは animationstart, animationend, animationiteration のいずれかに設定されます。

options 省略可

オブジェクトで、Event() で定義されているプロパティに加えて、以下のプロパティがあります。

animationName 省略可

トランジションに関連付けられた animation-name の値を含む文字列です。遷移に関連付けられた CSS プロパティの値です。既定値は "" です。

elapsedTime 省略可

float で、このイベントが発行されたときにアニメーションが動作していた時間（アニメーションが一時停止していた時間を除く）を秒単位で与えます。 animationstart イベントの場合、 elapsedTime は 0.0 です。ただし、 animation-delay に負の値を指定した場合は除きます。 この場合、イベントは elapsedTime に (-1 * delay) が含まれた状態で発行されます。既定で 0.0 となります。

pseudoElement 省略可

文字列で、アニメーションを動作させる擬似要素の名前を含む、 "::" で始まる名前です。もしアニメーションが擬似要素上で動作せず、要素そのもの上で動作するる場合は、空文字列 "" を指定します。 既定では "" となります。

仕様書

ブラウザーの互換性

関連情報

• CSS アニメーションの使用
• アニメーション関連の CSS プロパティとアットルール: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes
• 所属先の AnimationEvent インターフェイス