AnimationEvent.elapsedTime は読み取り専用のプロパティで、アニメーションが開始されてからの秒数を float 型で表します。このイベントが発生したとき、アニメーションが停止した場合を除いて常に設定されます。 animationstart イベントにおいては elapsedTime は 0.0 になりますが、 animation-delay が負の値の場合は、このイベントは elapsedTime が (-1 * 待ち時間) であるときに発生します。.
構文
time = AnimationEvent.elapsedTime
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Animations AnimationEvent.elapsedTime の定義 |
草案 | 初回定義 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
elapsedTime | Chrome 完全対応 43 | Edge 完全対応 12 | Firefox 完全対応 6 | IE 完全対応 10 | Opera 完全対応 あり | Safari 完全対応 9 | WebView Android 完全対応 あり | Chrome Android 完全対応 43 | Firefox Android 完全対応 6 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 4.0 |
凡例
- 完全対応
- 完全対応
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
関連情報
- 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インターフェイス