Experimental
これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
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 Animations Level 1 AnimationEvent の定義 |
草案 | 初回定義 |
ブラウザーの対応
BCD tables only load in the browser
関連情報
- CSS アニメーションの使用
- アニメーションに関する CSS プロパティと @-規則:
animation
,animation-delay
,animation-direction
,animation-duration
,animation-fill-mode
,animation-iteration-count
,animation-name
,animation-play-state
,animation-timing-function
,@keyframes
.