TransitionEvent elapsedTime गुण

परिभाषा और उपयोग

जब transitionend इवेंटइस वक्त, elapsedTime गुण ट्रांजिशन कितने सेकंड चला है को वापस देता है।

टिप्पणी:यदि ट्रांजिशन रुका हुआ है (CSS गुण transition-delay के द्वारा), तो वापसी मान प्रभावित नहीं होता है。

टिप्पणी:यह गुण तब देखा जाता है।

उदाहरण

ट्रांजिशन कितने सेकंड चला है:

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

खुद से प्रयास करें

व्याकरण

event.elapsedTime

तकनीकी विवरण

वापसी मान: अंक वाली राशि, इसका अर्थ है कि कितने सेकंड ट्रांजिशन चला है।

ब्राउज़र समर्थन

तालिका में दिए गए नंबर, इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को निर्दिष्ट करता है。

गुण Chrome IE Firefox Safari ओपेरा
elapsedTime सापोर्ट 10.0 सापोर्ट सापोर्ट सापोर्ट

संबंधित पृष्ठ

HTML DOM संदर्भ निर्देशिका:transitionend इवेंट

HTML DOM संदर्भ निर्देशिका:TransitionEvent propertyName गुण

CSS संदर्भ निर्देशिका:CSS3 transition गुण

CSS संदर्भ निर्देशिका:CSS3 transition-duration गुण