예
전환이 실행 된 시간 (초)을 (를) 찾기 :
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
} »그것을 자신을 시도 정의 및 사용
때 elapsedTime 속성은 전이가 실행 된 시간 (초)을 반환 transitionend의 이벤트가 발생합니다.
주 : 천이 (천이 지연 CSS 속성을 사용하여) 일시이면 반환 값이 영향을받지 않는다.
이 속성은 읽기 전용입니다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| elapsedTime | 예 | 10.0 | 예 | 예 | 예 |
통사론
event .elapsedTime기술적 세부 사항
| 반환 값 : | 초 단위로 나타내는 수치가 전환을 실행 한 |
|---|
관련 페이지
HTML DOM 참조 : transitionend 이벤트
HTML DOM 참조 : TransitionEvent propertyName 형식 속성
CSS 참조 : CSS3 전환 속성
CSS 참조 : CSS3 전환-기간 속성
이벤트 객체