٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش رویدادهای زمان بندی جاوا اسکریپت

جاوا اسکریپت را می توان در بازه های زمانی اجرا کرد. به این می گویند رویدادهای زمان بندی. رویدادهای زمان بندی windowشی به اجرای کد در فواصل زمانی مشخص است. به این بازه های زمانی رویدادهای زمان بندی می گویند.…

محمد یوسفی

29 جولای 2021

جاوا اسکریپت را می توان در بازه های زمانی اجرا کرد.

به این می گویند رویدادهای زمان بندی.


رویدادهای زمان بندی

windowشی به اجرای کد در فواصل زمانی مشخص است.

به این بازه های زمانی رویدادهای زمان بندی می گویند.

دو روش کلیدی برای استفاده در جاوا اسکریپت عبارتند از:

    • setTimeout(function, milliseconds)
      یک تابع را پس از انتظار تعداد مشخصی از میلی ثانیه اجرا می کند.

 

  • setInterval(function, milliseconds)
    همان setTimeout () ، اما اجرای تابع را به طور مداوم تکرار می کند.

setTimeout()و setInterval()هر دو روش از شی HTML DOM پنجره می باشد.


روش setTimeout ()

window.setTimeout(function, milliseconds);

window.setTimeout()روش را می توان بدون پیشوند پنجره نوشته شده است.

اولین پارامتر تابعی است که باید اجرا شود.

پارامتر دوم تعداد میلی ثانیه قبل از اجرا را نشان می دهد.

مثال

روی یک دکمه کلیک کنید. 3 ثانیه صبر کنید ، صفحه “سلام” را هشدار می دهد:

<button onclick="setTimeout(myFunction, 3000)">Try it</button>

<script>
function myFunction() {
  alert('Hello');
}
</script>

چگونه می توان اعدام را متوقف کرد؟

این clearTimeout()روش اجرای عملکرد مشخص شده در setTimeout () را متوقف می کند.

window.clearTimeout(timeoutVariable)

window.clearTimeout()روش را می توان بدون پیشوند پنجره نوشته شده است.

این clearTimeout()متد از متغیر برگشتی از setTimeout():

myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);

اگر تابع قبلاً اجرا نشده است ، می توانید با فراخوانی clearTimeout() متد ، اجرا را متوقف کنید :

مثال

همان مثال بالا ، اما با دکمه “Stop” اضافه شده:

<button onclick="myVar = setTimeout(myFunction, 3000)">Try it</button>

<button onclick="clearTimeout(myVar)">Stop it</button>

روش setInterval ()

این setInterval()روش در هر بازه زمانی مشخص یک تابع داده شده را تکرار می کند.

window.setInterval(function, milliseconds);

window.setInterval()روش را می توان بدون پیشوند پنجره نوشته شده است.

اولین پارامتر تابعی است که باید اجرا شود.

پارامتر دوم طول فاصله زمانی بین هر اجرا را نشان می دهد.

این مثال عملکردی به نام “myTimer” را در هر ثانیه یکبار (مانند ساعت دیجیتال) اجرا می کند.

مثال

نمایش زمان فعلی:

setInterval(myTimer, 1000);

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

1000 میلی ثانیه در یک ثانیه وجود دارد.


چگونه می توان اعدام را متوقف کرد؟

clearInterval()روش متوقف می شود اعدام از تابع مشخص شده در روش setInterval ().

window.clearInterval(timerVariable)

window.clearInterval()روش را می توان بدون پیشوند پنجره نوشته شده است.

این clearInterval()متد از متغیر برگشتی از setInterval():

let myVar = setInterval(function, milliseconds);
clearInterval(myVar);

مثال

همان مثال بالا ، اما ما دکمه “زمان توقف” را اضافه کرده ایم:

<p id="demo"></p>

<button onclick="clearInterval(myVar)">Stop time</button>

<script>
let myVar = setInterval(myTimer, 1000);
function myTimer() {
  const d = new Date();
  document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها