‎‎رويدادهاي زمان بنديJavaScript Timing Events -‎

‎‎مثال ـ براي درك رويدادهاي زمان بندي به نمونه زير كه يك ساعت مي باشد توجه نمائيد.

‎‎رويدادهاي زمان بنديTiming Events -‎

‎شئ‎window‎ امكان اجراي كدرا در بازه هاي زماني مشخص ميدهد .اين بازه زماني ‎را ، رويدادهاي زمان بندي مي نامند.

‎‎دو متد اساسي جاوااسكريپت براي انجام اين عبارتنداز:

‎
• ‎‎‎setTimeout(function,milliseconds)‎‎‎

‎‎تابعي را پس از انتظار چند ميلي ثانيه مشخص اجرا ميكند.

• ‎‎‎setInterval(function,milliseconds)‎‎‎

‎‎مشابه‎setTimeout()‎‎ ولي اجراي تابع را بطور مداوم تكرار ميكند .

‎

‎‎متدsetTimeout()‎ -‎

‎‎فرم كلي آن مطابق زيراست:

‎‎setTimeout(function,milliseconds)‎‎

‎متد‎‎window.setTimeout()‎‎‎ ميتواند بدون پيشوند ‎window.‎ ‎استفاده شود.

‎‎اولين پارامتر يعني‎ function‎ يك تابعي است كه بايد اجرا شود.

‎دومين پارامتر يعني‎milliseconds‎ تعداد ميلي ثانيه قبل از اجرا را ‎مشخص ميكند.

‎‎مثال ـ دكمه اي كليك ميشود وپس از سه ثانيه پيغامي ازصفحه داده ميشود.

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

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

‎‎چگونگي توقف اجرا‎How to Stop Execution?‎ -‎

‎متد‎‎clearTimeout( )‎‎ اجراي تابع مشخص شده در ‎setTimeout()‎‎‎را متوقف ميكند.

‎‎فرم كلي آن مطابق زيراست:

‎window.clearTimeout(timeoutVariable)‎‎

‎‎متد فوق ميتواند بدون پيشوند‎window.‎ استفاده شود.

‎متدbdI>‎clearTimeout( )‎‎ از متغير برگشتي< ‎‎setTimeout( )‎‎‎استفاده مي نمايد .اين متغير نشانه تابع درحال ‎اجراست .فرم كلي آن مطابق زيراست:

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

‎اگر اجراي تابع قبلامتوقف نشده باشد، بااين متد‎‎cleraTimeout( )‎‎ ‎ميتوان اجراي آنرا متوقف نمود.

‎‎مثال ـ مشابه با مثال بالا با قرار دادن دكمه توقف

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

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

‎‎متدsetInterval( ) -‎

‎متد‎‎setInterval( )‎‎ اجراي يك تابع مشخص شده را در هر بازه زماني ‎مشخص، تكرار مي نمايد.

‎‎فرم كلي متد مطابق زيراست:

‎‎window.etInterval(function, milliseconds);‎‎

‎متد‎‎window.setInterval()‎‎‎ ميتواند بدون پيشوند‎window.‎ ‎استفاده شود.

‎اولين پارامتر، تابعي است كه بايد اجرا گردد .دومين پارامتر طول فاصله زماني بين هر اجرا را ‎مشخص ميكند.

‎مثال ـ اين مثال تابعي بنام‎‎"myTimer‎"‎ را هرثانيه يك بار مانند ساعت ديجيتال اجرا ‎ميكند وزمان را نشان ميدهد.

setInterval(myTimer, 1000);

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

‎‎در زير دو مثال ديگر براي استفاده از زمان بندي اجرا آمده است.

‎‎مثال ـ استفادهsetTimeout در سه مورد دنباله هم

‎‎مثال ـ ساعت ديجيتال

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب