سبد (0)

متد setInterval

مثال (متد setInterval)

ایجاد یک پیام Alert، در هر 3 ثانیه(3000 میلی ثانیه):

setInterval(function(){ alert("Hello"); }, 3000);

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

متد setInterval()، یک تابع را فراخوانی کرده یا یک عبارت را در یک فاصله زمانی(به میلی ثانیه) ارزیابی می کند.

متد setInterval()، فراخوانی یک تابع را ادامه می دهد تا هنگامی که clearInterval() فراخوانی شود یا اینکه پنجره بسته شود.

از ID برگردانده شده به وسیله ی setInterval()، بعنوان پارامتر برای متد clearInterval() استفاده می شود.

نکته: 1000 میلی ثانیه برابر با 1 ثانیه است.

نکته: برای یک بار اجرا کردن یک تابع، بعد از یک فاصله ی زمانی مشخص به میلی ثانیه، از متد setTimeout() استفاده کنید.

پشتیبانی مرورگرها

اعداد داخل جدول زیر نشان دهنده ی اولین ورژن مرورگری است که به طور کامل از این متد پشتیبانی می کند.

متد          
setInterval() 1.0 4.0 1.0 1.0 4.0

نحوه استفاده

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

مقادیر پارامترها

پارامتر توضیحات
function

ضروری. تابعی که قرار است اجرایی شود.
milliseconds

ضروری. فاصله زمانی(به میلی ثانیه) که مشخص کننده ی زمان اجرای تابع است.
param1,param2,...

اختیاری. پارامترهای اضافی برای استفاده در تابع.(در IE9 و ورژن های قبلی آن پشتیبانی نمی شود).

جزئیات تکنیکی

مقدار برگشتی

یک عدد، که مشخص کننده ی مقدار ID تایمری است که ست شده است. از این مقدار در کنار clearInterval()، برای cancel کردن تایمر استفاده می شود.
مثال

مثال - خودتان امتحان کنید

مثال (متد setInterval)

شما همچنین می توانید به یک تابع نام گذاری شده رجوع کنید. نشان دادن Hello بعنوان یک پیام ، هر 3 ثانیه(3000 میلی ثانیه):

var myVar;

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

function alertFunc() {
    alert("Hello!");
}

خودتان امتحان کنید »

مثال (متد setInterval)

نمایش دادن زمان کنونی(متد setInterval() تابع را هر یک ثانیه اجرا کرده، درست مانند یک ساعت دیجیتال):

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

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}

خودتان امتحان کنید »

مثال (متد setInterval)

استفاده از 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)

ایجاد یک تناوب برای دو رنگ پس زمینه، در هر 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);
}

خودتان امتحان کنید »

مثال (متد setInterval)

رد کردن پارامترها به تابع alertFunc (در IE9 و ورژن های قبلی آن پشتیبانی نمی شود):

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);
}

خودتان امتحان کنید »

آموزش های مرتبط

کلیه توابع و خصوصیت های شیء Window در JavaScript Reference کلیه توابع و خصوصیت های شیء Window در JavaScript

نوشته شده توسط احسان عباسی
بازدید: 15000

در میان شش هزار مطلب آموزشی منتشر شده در بیاموز، جستجو نمایید ...

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین - بانک ملت معرفی بیاموز در شبکه سه