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