AnimationEvent elapsedTime

ບັນດາສັນຍານ DOM AnimationEvent

ການກໍານົດແລະການນໍາໃຊ້

ປະກອບ elapsedTime ກັບຄວາມຈຳນວນວິນດາວທີ່ດຳເນີນຄະດີທີ່ສະໜັບສະໜູນຂອງວິນດາວນັ້ນທີ່ເກີດຂຶ້ນ.

ຄວາມສັບສົນ:ຖ້າດຳເນີນຄະດີທີ່ຈະຢຸດການດຳເນີນຄະດີ(ຜ່ານການນຳໃຊ້ປະກອບ CSS animation-delay),ຜົນກະທົບຈະບໍ່ມີຜົນກະທົບ.

ຄວາມສັບສົນ:ສຳລັບ ສັນຍານ animationstartທີ່ມີພາຍໃນທີ່ກ່ຽວກັບປະກອບນັ້ນຈະວ່າ "0".

ຄວາມສັບສົນ:ປະກອບນັ້ນຈະເປັນພຽງພພຽງພຽງ.

ຄວາມຈຳນວນ

ການກຳນົດເວລາທີ່ດຳເນີນຄະດີທີ່ມີພາຍໃນວິນດາວນັ້ນຈະເປັນບໍ່ບາງຄັ້ງ.

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

ຕື່ມຕົວຢືນ

ຂໍ້ຄວາມ

event.elapsedTime

ລະອຽດດ້ານເຕັກນິກ

ຜົນກະທົບ: ຈຳນວນຕົວເລກວ່າການດຳເນີນຄະດີທີ່ສະໜັບສະໜູນທີ່ມີພາຍໃນວິນດາວ.

ການສະໜັບສະໜູນບັນດາການຄົ້ນຫາ

ເວລາທີ່ຕັ້ງຢູ່ໃນຕາຕະລາງທີ່ກ່ຽວຂ້ອງກັບປະກອບນັ້ນແມ່ນສະບາຍບໍ່ບາງການສະໜັບສະໜູນຂອງຜູ້ບັນຍາຍທໍາອິດທີ່ສະໜັບສະໜູນປະກອບນັ້ນ.

ປະກອບ Chrome IE Firefox Safari Opera
elapsedTime ສະໜັບສະໜູນ 10.0 6.0 ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ເບີໂບບທີ່ກ່ຽວຂ້ອງ

ການປະກາດ HTML DOM:ສັນຍານ animationstart

ການປະກາດ HTML DOM:ສັນຍານ animationiteration

ການປະກາດ HTML DOM:ສັນຍານ animationend

ການປະກາດ HTML DOM:ຜົນງານ animationName ຂອງ AnimationEvent

ການປະກາດ CSS:ບັນດາປະພັນ animation ຂອງ CSS3

ການປະກາດ CSS:ບັນດາປະພັນ animation-duration ຂອງ CSS3

ບັນດາສັນຍານ DOM AnimationEvent