آموزش متد setInterval در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد setInterval در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد setInterval در BOM جاوااسکریپت
با استفاده از متد ()setInterval میتونیم یک عمل ( کار یا برنامه یا تابع و.. ) رو در مدت زمان مشخص بطور مداوم ( تا همیشه ) اجرا کنیم.
یعنی مثلا میخوایم کاری کنیم که هر ۳ثانیه یکبار یک پیغام در صفحه چاپ بشه، خب خیلی راحت میتونیم از متد ()setInterval استفاده نماییم، و اگه بخوایم فقط یکبار یه کاری رو انجام بدیم باید از متد ()setTimeout استفاده نماییم.
این متد تا زمانی که خودمون غیرفعالش نکنیم اونم همینجور هی در مدت زمان مشخص اجرا میشه.
برای غیرفعال کردن یا یجورایی حذف کردن زمانبندی تایمر باید از متد ()clearInterval استفاده کرد.
| مقدار برگشتی | برگشت یک عدد که نشان دهنده ID اون تایمر اجرا شده می باشد |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : استفاده از تابعی که قراره اجرا بشه، بصورت مستقیم در متد setInterval
|
1 2 3 4 5 6 7 |
<script> function run(){ setInterval(function(){ alert("Salam Khobi?"); }, 3000); } </script> |
مثال شماره ۲ : استفاده از تابعی که قراره اجرا بشه، بصورت غیرمستقیم در متد setInterval
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function MyFunction(){ alert("Salam Khobi?"); } function run(){ setInterval( MyFunction , 3000 ); } </script> |
مثال شماره ۳ : نمایش زنده ساعت سیستم کاربر
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> var MyTimer = setInterval(ShowTime, 1000); function ShowTime(){ var date_time = new Date(); var Time = date_time.toLocaleTimeString(); document.getElementById("time").innerHTML = Time; } </script> |
مثال شماره ۴ : با کلیک بروی دکمه Start تایمر فعال میشه و با کلیک بروی دکمه Stop تایمر غیرفعال میشه
|
1 2 3 |
function stop_timer(){ clearInterval(MyCounter); } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()setInterval | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
setInterval( Function , MilliSeconds , Parametr_1 , Parametr_2 , ... ) |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Function | ضروری – اون کد یا برنامه ( یا تابع ) که قراره اجرا بشه |
| MilliSeconds | ضروری – مدت زمان اجرای تابع به میلی ثانیه هر ۱۰۰۰ میلی ثانیه میشه ۱ ثانیه پس ۵۰۰۰ میلی ثانیه میشه ۵ ثانیه |
| Parametr | اختیاری – ارسال پارامترهای دلخواه به تابع در هنگام اجرا |
Free-Learn
نکات و توضیحات
- اگه بخوایم یه تابعی در مدت زمان مشخصی بطور مداوم اجرا بشه باید از ()setInterval استفاده کنیم.
- اگه بخوایم یه تابعی بعد از مدت زمان مشخصی فقط یکبار اجرا بشه باید از ()setTimeout استفاده کنیم.
- برای حذف کردن / غیرفعال کردن ()setInterval باید از ()clearInterval استفاده کرد.
- برای حذف کردن / غیرفعال کردن ()setTimeout باید از ()clearTimeout استفاده کرد.
