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