أحدث البرامج التعليمية وتطوير الشبكة
 

نافذة او شباك setInterval() Method

<كائن النافذة

مثال

حالة تأهب "Hello" كل 3 ثوان (3000 milliseconds) :

setInterval(function(){ alert("Hello"); }, 3000);
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

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

و setInterval() استدعاءات الأسلوب وظيفة أو تقييم تعبير على فترات زمنية محددة (in milliseconds) .

و setInterval() سيستمر طريقة استدعاء الدالة حتى clearInterval() يسمى، أو إغلاق النافذة.

قيمة ID إرجاعها بواسطة setInterval() يستخدم كمعلمة ل clearInterval() الأسلوب.

Tip: 1000 مللي ثانية = 1 ثانية.

نصيحة: لتنفيذ وظيفة مرة واحدة فقط، وبعد عدد معين من ميلي ثانية، استخدام setTimeout() الأسلوب.

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.

طريقة
setInterval() 1.0 4.0 1.0 1.0 4.0

بناء الجملة

setInterval( function,milliseconds,param1,param2,... )

قيم معلمة

معامل وصف
function مطلوب. وظيفة التي سيتم تنفيذها
milliseconds مطلوب. فترات (in milliseconds) على عدد المرات تنفيذ التعليمات البرمجية
param1,param2,... اختياري. معلمات إضافية لتمريرها إلى وظيفة (غير معتمد في IE9 والإصدارات السابقة)

تفاصيل تقنية

قيمة الإرجاع: الرقم الذي يمثل قيمة ID لجهاز ضبط الوقت التي تم تعيينها. استخدم هذه القيمة مع clearInterval() طريقة لإلغاء المؤقت
أمثلة

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

مثال

يمكنك أيضا الرجوع إلى "named" وظيفة. حالة تأهب "Hello" كل 3 ثوان (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setInterval(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
انها محاولة لنفسك »

مثال

عرض الوقت الحالي (the setInterval() وطريقة تنفيذ وظيفة مرة واحدة كل 1 ثانية، تماما مثل ساعة رقمية):

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
انها محاولة لنفسك »

مثال

باستخدام 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);
}
انها محاولة لنفسك »

مثال

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

function move() {
  var elem = document.getElementById("myBar");
  var width = 0;
  var id = setInterval(frame, 10);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      elem.style.width = width + '%';
    }
  }
}
انها محاولة لنفسك »

مثال

تبديل بين اثنين من ألوان الخلفية مرة واحدة كل 300 مللي ثانية:

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);
}
انها محاولة لنفسك »

مثال

تمرير المعلمات إلى وظيفة alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setInterval(alertFunc, 2000, "First param", "Second param");
}
انها محاولة لنفسك »

ومع ذلك، إذا كنت تستخدم وظيفة غير معروفة، وأنها ستعمل في جميع المتصفحات:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ alertFunc("First param", "Second param"); }, 2000);
}
انها محاولة لنفسك »

صفحات ذات صلة

: كائن نافذة href="met_win_clearinterval.html"> clearInterval() Method

كائن نافذة: href="met_win_settimeout.html"> setTimeout() Method

: كائن نافذة href="met_win_cleartimeout.html"> clearTimeout() Method

<كائن النافذة