ສະຖານະການອັນມັນເມັນເຊັນ-ລະດັບການຫລີ້ນສະແດງສອງຄັ້ງ

DOM ງານ AnimationEvent

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

ງານ animationiteration ຈະເກີດຂຶ້ນໃນຂະນະທີ່ອາກາດ CSS ສາຍຫຼາຍຄັ້ງ.

ຖ້າ ປະສົມປະສານ ອັນມັນເມັນເຊັນ-ຄັນດັບລະດັບການຫລີ້ນສະແດງການກະຈາຍໃຫ້ "1" ກຳນົດວ່າອາກາດຈະສາຍດຽວຫຼາຍຄັ້ງ ຈະບໍ່ເກີດງານ animationiteration. ອາກາດຕ້ອງສາຍຫຼາຍຄັ້ງຈະເກີດງານຄັ້ງນັ້ນ.

ສຳລັບຂໍ້ມູນອາກາດ CSS ອີກຫຼາຍກໍ່ຕາມ ກະລຸນາກວດສອບການສອນຂອງພວກເຮົາ ການສອນອາກາດ CSS3.

ຖ້າ CSS ການສະແດງຈະເກີດລະບົບສາມງານ:

  • animationstart - ຕົກລົງຫຼັງຈາກ CSS ການສະແດງເລີ່ມ
  • animationiteration - ຕົກລົງຫຼັງຈາກ CSS ການສະແດງຕົກຂັງ
  • animationend - ຕົກລົງຫຼັງຈາກ CSS ການສະແດງສົມຮູບຮ່າງ

ຕົວຢ່າງ

ຖ້າ CSS ການສະແດງທີ່ຕົກຂັງ, ດຳເນີນການຢູ່ <div> ອັນ:

var x = document.getElementById("myDIV");
// ສຽງຂອງ Chrome, Safari ແລະ Opera
x.addEventListener("webkitAnimationIteration", myRepeatFunction);
// ສຽງຂອງການສະແດງ
x.addEventListener("animationiteration", myRepeatFunction);

ສາມາດທົດລອງຄືວ່າ:

ສຽງ

object.addEventListener("webkitAnimationIteration", myScript);  // ສຽງຂອງ Chrome, Safari ແລະ Opera
object.addEventListener("animationiteration", myScript);        // ສຽງຂອງການສະແດງ

ຄວາມອະທິບາຍ:Internet Explorer 8 ຫຼືກ່ວາບໍ່ສະໜັບສະໜູນ ກົນລະຍຸດ addEventListener().

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

ການພັດທະນາ: ສະໜັບສະໜູນ
ສາມາດຍົກເລີກຢູ່: ບໍ່ສະໜັບສະໜູນ
ປະເພດງານ: AnimationEvent
ບັນດາສະບັບ DOM: Level 3 Events

ການສະໜັບສະໜູນຕົວຊົນພະຍາບານ

ຈຳນວນຫຼັງໃນຕາຕະລາງກ່າວອອກກັບການສະໜັບສະໜູນງານຄັ້ງທໍາອິດຂອງຕົວຊົນພະຍາບານ.

ຈຳນວນຫຼັງຈາກສະເພາະ "webkit" ຫຼື "moz" ໄດ້ກ່າວອອກກັບການໃຊ້ມາຄັ້ງທໍາອິດຂອງຄວາມສະເພາະ.

ງານ Chrome IE Firefox Safari Opera
animationiteration 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

ຄວາມອະທິບາຍ:ສຳລັບ Chrome, Safari ແລະ Opera, ຂ້ອຍເວົ້າຕໍ່ webkitAnimationEnd.

ບັນດາຫົວຂໍ້ທີ່ກ່ຽວຂ້ອງ

ການສິ່ງສະເໜີ CSSການສະແດງ CSS3

ປຶ້ມ CSS ອະນຸຍາດ:ປະສົມປະກອບ CSS3 animation

ປຶ້ມ CSS ອະນຸຍາດ:ປະສົມປະກອບ CSS3 animation-iteration-count

ປຶ້ມ HTML DOM ອະນຸຍາດ:ປະສົມປະສານ ອັນມັນເມັນເຊັນ

DOM ງານ AnimationEvent