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