ट्रांज़िशनइवेंट बीता हुआसमय संपत्ति
उदाहरण
पता लगाएँ कि एक संक्रमण कितने सेकंड से चल रहा है:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
परिभाषा और उपयोग
जब एक ट्रांज़िशनएंड इवेंट होता है , तो elapsedTime प्रॉपर्टी एक ट्रांज़िशन चल रहे सेकंड की संख्या लौटाती है।
नोट: यदि ट्रांज़िशन रोक दिया जाता है (ट्रांज़िशन-देरी CSS प्रॉपर्टी का उपयोग करके) रिटर्न वैल्यू प्रभावित नहीं होती है।
यह संपत्ति केवल पढ़ने के लिए है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
वाक्य - विन्यास
event.elapsedTime
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक संख्या, एक संक्रमण चलने वाले सेकंड की संख्या का प्रतिनिधित्व करता है |
---|
संबंधित पृष्ठ
HTML DOM संदर्भ: ट्रांज़िशनएंड इवेंट
एचटीएमएल डोम संदर्भ: ट्रांजिशनइवेंट संपत्तिनाम संपत्ति
सीएसएस संदर्भ: CSS3 संक्रमण संपत्ति
CSS संदर्भ: CSS3 संक्रमण-अवधि संपत्ति