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