مетод Window clearInterval()

التعريف والاستخدام

clearInterval() طريقة الت清除 باستخدام طريقة setInterval() المُؤشرات المُحددة.

تلميحات

لإزالة الفاصل الزمني، استخدم setInterval() الرقم التعريفي المُرجع:

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() {
    إذا كان 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
الدعم الدعم الدعم الدعم الدعم الدعم