Window clearInterval() ກົນລະບົບ

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

clearInterval() ກົນລະບົບ: ກົນລະບົບ setInterval() ການຕັ້ງການທີ່ຖືກກຳນົດມາ.

ການແຈ້ງ:

ສຳລັບການລົບລ້າງການຕັ້ງການຂອງຕອນພາວະການເປັນຕອນພາວະການຂັ້ນຕອນສະເພາະຈະໃຊ້: setInterval() ອິດສະຫຼະສັບທີ່ກັບມາ:

myInterval = setInterval(function, milliseconds);

ຫຼັງຈາກນັ້ນ ທ່ານສາມາດເອິ້ນກົນລະບົບ: clearInterval() ເພື່ອຢຸດການດຳເນີນ:

clearInterval(myInterval);

ບໍ່ຊອກຫາ:

ກົນລະບົບ setInterval()

setTimeout() ກົນລະບົບ

ກົນລະບົບ clearTimeout()

ກໍານົດ

ຕົວຢ່າງ 1

ການສະແດງເວລາທີ່ຫຼາຍດ້ວຍວິນາທີ 1.

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

ທົດລອງດີຕະຫຼອດຕົວເອງ

ຕົວຢ່າງ 2

ການຫຼຸດສະພາບຫຼັງການຫຼຸດສະພາບທີ່ຫຼາຍດ້ວຍສະພາບຫຼັງການຫຼຸດສະພາບ 500 ວິນາທີ.

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

ທົດລອງດີຕະຫຼອດຕົວເອງ

ຕົວຢ່າງ 3

ການສ້າງຕາກະພິບຄວາມກ້າວໜ້າທີ່ຫຼາຍດ້ວຍ setInterval() ແລະ clearInterval():

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  const id = setInterval(frame, 100);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      element.style.width = width + '%';
    }
  }
}

ທົດລອງດີຕະຫຼອດຕົວເອງ

ກົນລະບົບ

clearInterval(intervalId)

ປະເພດ

ປະເພດ ການອະທິບາຍ
intervalId ຕ້ອງການ. setInterval() ຄຳຜະນະທີ່ຈະກັບຄືນຫຼັງຈາກ

ຄຳຜະນະ

ບໍ່ມີ.

ການອະທິບາຍ

clearInterval() ກົນລະບົບຈະຢຸດການດຳເນີນການວົງວາງທີ່ກໍານົດ,ການດຳເນີນການຕໍ່ກັບວົງວາງແມ່ນການເອິ້ນ ກົນລະບົບ setInterval() ການຕີວ່າງ.ປະເພດ intervalId ຕ້ອງເປັນການເອິ້ນ ກົນລະບົບ setInterval() ທີ່ຈະກັບຄືນຫຼັງຈາກ

ການສະໜັບສະໜູນບັນຊີຍາການ

所有浏览器都支持 clearInterval()：

Chrome IE ເອດຈີ ຟຣີຈີອັກກາສ ແຊັບຟາຣີ ໂອເປຣາ
Chrome IE ເອດຈີ ຟຣີຈີອັກກາສ ແຊັບຟາຣີ ໂອເປຣາ
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ