例
アニメーションが実行されている秒数をご覧ください：
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
} »それを自分で試してみてください 定義と使用法
アニメーションイベントが発生したときに経過時間プロパティは、アニメーションが実行されている秒数を返します。
注意：アニメーションを一時停止している場合、戻り値は影響を受けません(by using the animation-delay CSS property) 。
注意：についてanimationstartのイベントは、このプロパティは常に返す"0" 。
このプロパティは読み取り専用です。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| elapsedTime | はい | 10.0 | 6.0 | はい | はい |
構文
event .elapsedTime技術的な詳細
| 戻り値： | 秒数のアニメーションを表す数は、実行されています |
|---|
関連ページ
HTML DOMリファレンス： animationstartイベント
HTML DOMリファレンス： animationiterationイベント
HTML DOMリファレンス： animationendイベント
HTML DOMリファレンス： AnimationEvent animationName Property
CSSリファレンス： CSS3 animation Property
CSSリファレンス： CSS3 animation-duration Property
<イベントオブジェクト