AnimationEvent: elapsedTime プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
AnimationEvent.elapsedTime
は読み取り専用のプロパティで、アニメーションが開始されてからの秒数を float
型で表します。このイベントが発生したとき、アニメーションが停止した場合を除いて常に設定されます。 animationstart
イベントにおいては elapsedTime
は 0.0
になりますが、 animation-delay
が負の値の場合は、このイベントは elapsedTime
が (-1 * 待ち時間 )
であるときに発生します。
値
float
型で、時間の量を秒単位で指定します。
仕様書
Specification |
---|
CSS Animations Level 1 # dom-animationevent-elapsedtime |
ブラウザーの互換性
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
. - 所属先の
AnimationEvent
インターフェイス