例
遷移が実行されている秒数をご覧ください：
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
} »それを自分で試してみてください 定義と使用法
ときに経過時間プロパティは、遷移が実行された秒数を返しますtransitionendのイベントが発生します。
注：トランジションが一時停止された場合、戻り値は、（遷移遅延CSSプロパティを使用して）影響を受けません。
このプロパティは読み取り専用です。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| elapsedTime | はい | 10.0 | はい | はい | はい |
構文
event .elapsedTime技術的詳細
| 戻り値： | 秒数を表す数値は、遷移を実行されています |
|---|
関連ページ
HTML DOMリファレンス： transitionendイベント
HTML DOMリファレンス： TransitionEvent propertyNameのプロパティ
CSSリファレンス： CSS3遷移プロパティ
CSSリファレンス： CSS3トランジション持続時間プロパティ
イベントオブジェクト