TransitionEvent elapsedTime ominaisuus

DOM-tapahtumat TransitionEvent

Määritelmä ja käyttö

Kun tapahtuu transitionend-tapahtumaKun, elapsedTime-ominaisuus palauttaa过渡已经运行的秒数。

Huomautus:Jos过渡暂停（käyttämällä CSS-ominaisuutta transition-delay），palautusarvo ei ole vaikuttanut.

Huomautus:Tämä ominaisuus on luettavissa.

Esimerkki

Määritä, kuinka monta sekuntia过渡运行了：

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}

Kokeile itse

Syntaksi

event.elapsedTime

Tekninen yksityiskohta

Palautusarvo: Numerovaranto, joka ilmaisee sekuntien määrän, jotka过渡已运行。

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimeen, joka täysin tukee tätä ominaisuutta.

Ominaisuus Chrome IE Firefox Safari Opera
elapsedTime Tuki 10.0 Tuki Tuki Tuki

Liittyvät sivut

HTML DOM参照ハンドブック：transitionend-tapahtuma

HTML DOM参照ハンドブック：TransitionEvent propertyName-ominaisuus

CSS3参照ハンドブック：CSS3 transition-ominaisuus

CSS3参照ハンドブック：CSS3 transition-duration-ominaisuus

DOM-tapahtumat TransitionEvent