مетод Window clearInterval()

تعریف و استفاده

clearInterval() روش حذف استفاده شده: روش setInterval() ساعت‌شمار تنظیم شده استفاده کنید.

اخطار

برای حذف تاخیر، از setInterval() id بازگشتی:

myInterval = setInterval(function, milliseconds);

بعد از آن می‌توانید با فراخوانی clearInterval() برای توقف اجرا:

clearInterval(myInterval);

لطفاً به: مراجعه کنید

روش setInterval()

مетод setTimeout()

روش clearTimeout()

مثال

مثال 1

هر ثانیه یک بار زمان را نمایش می‌دهد. با استفاده از clearInterval() زمان را متوقف کنید:

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 Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی