ຖານ elapsedTime ຂອງ TransitionEvent

ງານເຫດ DOM TransitionEvent

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

ຕອນທີ່ ງານ transitionendຕອນນັ້ນ, elapsedTime ຖານຈະສະແດງຈຳນວນວິນາທິດທີ່ດຳເນີນກະທັນ.

ຄວາມຄິດເຫັນ:ຄຳຕອບກັບຈະບໍ່ມີຜົນຕໍ່ກັບຄຳຕອບກັບຄືກັບການຢຸດກະທັນການດຳເນີນຂອງການດຳເນີນກະທັນ(ຜ່ານການນໍາໃຊ້ການວິທະຍາສາດ CSS transition-delay).

ຄວາມຄິດເຫັນ:ຖານດັ່ງກ່າວຈະເປັນພຽງຖານດຽວ.

ຄວາມຄົງຄວາມສໍາຄັນ

ການກວດສອບການດຳເນີນກະທັນຍາວຈະດຳເນີນປະມານວິນາທິດຈະດຳເນີນປະມານວິນາທິດ:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "ການດຳເນີນກະທັນຍາວ: " + event.elapsedTime + " ວິນາທິດ";
}

ທ້າທາຍຄົນເອງ

ຄຳວັດທະນາຍ

event.elapsedTime

ຂໍ້ມູນເຕັກນິກ

ຄຳຕອບກັບຢ່າງທີ່ຈະມີ: ຈຳນວນທີ່ຈະສະແດງຄືກັບວິນາທິດທີ່ດຳເນີນກະທົບ.

ການສະນັບຖານບັນຊີ

ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງກໍານົດການສະນັບສະນັກວິນາທິດທຳອິດຂອງຖານດັ່ງກ່າວ.

ຖານ Chrome IE Firefox Safari Opera
elapsedTime ການສະໜັບສະໜູນ 10.0 ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

ການຫົວຂໍ້ HTML DOMງານ transitionend

ການຫົວຂໍ້ HTML DOMປະສົມປະສານ propertyName ຂອງ TransitionEvent

ການຫົວຂໍ້ CSSປະສົມປະສານ transition ຂອງ CSS3

ການຫົວຂໍ້ CSSປະສົມປະສານ transition-duration ຂອງ CSS3

ງານເຫດ DOM TransitionEvent