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インターフェイス