طريقة Window clearInterval()

مفهوم Window في JavaScript

clearInterval()إلغاء استخدامالـsetInterval() الإجراءات المتكررة التي أنشأتها

رقم الـID الذي يعود إليه setInterval() يستخدم كمعامل لـ clearInterval() method.

ملاحظة:للإستفادة من طريقة clearInterval()، يجب استخدام متغير عند إنشاء طريقة interval:

t　=　setInterval("javaScript　function",　milliseconds);

بعد ذلك، يمكنك إيقاف التنفيذ عن طريق طلب clearInterval() method:

clearInterval(t);

النحو:

window.clearInterval(var)

var　t　=　setInterval(startTimer,　1000);
function　startTimer()　{
　　　var　date　=　new　Date();
　　　var　x　=　document.getElementById("result");
　　　x.innerHTML　=　date.getHours()　+　":"　+　date.getMinutes()　+　":"　+　date.getSeconds();
}
function　stopTimer()　{
　　　clearInterval(t);
}

توافق المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم طريقة clearInterval() لأول مرة:

قيمة المتغير

تفاصيل التقنية

مزيد من الأمثلة

تبديل بين لونين خلفية كل 200 ميللي ثانية حتى يتم إيقافه بواسطة clearInterval():

var　t　=　setInterval(setColor,　200);
function　setColor()　{
　　　var　x　=　document.body;
　　　x.style.backgroundColor　=　(x.style.backgroundColor　==　"coral")　?　"lightgreen"　:　"coral";
}
function　stopColor()　{
　　　clearInterval(t);
}

استخدام setInterval() و clearInterval() لإنشاء شريط تقدم ديناميكي:

var i = 0;
var bar = document.getElementById("progress-bar");
var t;
function start() {
　　t = setInterval(progress, 60);
}
function progress() {
　　if(i < 100) {
　i++;
　bar.style.width = i + "%";
　bar.innerHTML = i + "　%";
　　} else {
　clearInterval(t);
　　}
}
function stop() {
　　clearInterval(t);
}

مراجع ذات صلة

مرجع: نافذة (Window)طريقة setInterval()

مرجع: نافذة (Window)طريقة setTimeout()

مرجع: نافذة (Window)طريقة clearTimeout()

مرجع: نافذة (Window)طريقة requestAnimationFrame()

مفهوم Window في JavaScript