مثال
عرض الوقت الحالي (the setInterval() وطريقة تنفيذ وظيفة مرة واحدة كل 1 ثانية، تماما مثل ساعة رقمية). استخدام clearInterval() لوقف الوقت:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و clearInterval() طريقة مسح جهاز توقيت مع مجموعة من setInterval() الأسلوب.
قيمة ID إرجاعها بواسطة setInterval() يستخدم كمعلمة ل clearInterval() الأسلوب.
ملاحظة: لتكون قادرة على استخدام clearInterval() الأسلوب، يجب استخدام متغير عمومي عند إنشاء طريقة الفاصل:
myVar = setInterval(" فإنك سوف تكون قادرة على وقف تنفيذ بواسطة استدعاء الأسلوب clearInterval ().
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
بناء الجملة
clearInterval( قيم معلمة معامل وصف id_of_setinterval مطلوب. معرف توقيت إرجاعها بواسطة setInterval() طريقة
تفاصيل تقنية
قيمة الإرجاع: لا قيمة الإرجاع
مزيد من الأمثلة
مثال
تبديل بين اثنين من ألوان الخلفية مرة واحدة كل 300 ميلي ثانية، حتى يتم إيقاف من قبل clearInterval() :
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} انها محاولة لنفسك »
مثال
باستخدام setInterval() و clearInterval() لإنشاء شريط التقدم الديناميكي:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} انها محاولة لنفسك »
صفحات ذات صلة
كائن نافذة: href="met_win_setinterval.html"> setInterval() Method
كائن نافذة: href="met_win_settimeout.html"> setTimeout() Method
: كائن نافذة href="met_win_cleartimeout.html"> clearTimeout() Method
<كائن النافذة