elapsedTime
Misol
Animatsiya necha soniyadan beri ishlayapti:
const div = document.getElementById("myDIV");
div.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
O‘zingiz sinab ko‘ring »
Tavsif
elapsedTime xususiyati animatsiya hodisasi sodir bo‘lganda animatsiya ishlayotgan soniyalar sonini qaytaradi.
animationstart hodisasi uchun elapsedTime xususiyati har doim "0" qaytaradi.
Animatsiya pauza qilinganda elapsedTime qiymati o‘zgarmaydi.
elapsedTime xususiyati faqat o‘qish uchun.
Animatsiya hodisalari
| Hodisa | Qachon sodir bo‘ladi |
|---|---|
| animationstart | CSS animatsiyasi boshlandi |
| animationend | CSS animatsiyasi tugadi |
| animationiteration | CSS animatsiyasi takrorlandi |
Animatsiya xususiyatlari
| Xususiyat | Tavsif |
|---|---|
| animationName | Animatsiya nomi |
| elapsedTime | Animatsiya necha soniyadan beri ishlayotgani |
| pseudoElement | Animatsiya psevdo-elementining nomi |
Shuningdek qarang:
Animation Event obyekti
Style animation xususiyati
Darslik:
Sintaksis
event.elapsedTime
Texnik tafsilotlar
| Qaytariladigan qiymat: | Number. Animatsiya ishlayotgan soniyalar soni. |
|---|---|
| DOM versiyasi: | DOM Level 3 Animatsiya hodisalari |
Brauzerlarda qo‘llab-quvvatlash
event.elapsedTime DOM Level 3 (2004) imkoniyatidir.
U barcha zamonaviy brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!