ویندو clearInterval() مہم

تعلیمات اور استعمال

clearInterval() میتھد استعمال: setInterval() کا طریقہ کار تنخواہ کا تیلیمر.

نکاوا

اگر آپ چاہتے ہیں کہ آپ کا انترال حذف کیا جائے تو: setInterval() ایک آئیڈیو واپس کیا گیا:

myInterval = setInterval(فنکشن, 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() 返回的间隔 id。

واپسی کا ملازمت

کوئی نہیں۔

ملازمت

clearInterval() کا طریقہ کار مستقل طور پر چلنے والی مخصوص کوڈ کو روک دیتا ہے، ان کو کئی کارروائیوں کا حامل setInterval() کا طریقہ کار شروع کرنا چاہئے۔ متغيرات intervalId بغیر کسی بھی چیز کی ضرورت سے setInterval() کا طریقہ کار بعد کی واپسی کا ملازمت ہے。

بھرسرگرمی

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持