1 2 3 4 5 6 7 8 9 10 11 12 | جافا سكريبت يمكن تنفيذها في وفترات زمنية. وهذا ما يسمى توقيت الأحداث. |
توقيت الأحداث
الكائن إطار يسمح بتنفيذ التعليمات البرمجية في فترات زمنية محددة.
وتسمى هذه الفترات الزمنية توقيت الأحداث.
الطرق الرئيسية اثنين للاستخدام مع جافا سكريبت هي:
- 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() الأسلوب:
مثال
نفس المثال على النحو الوارد أعلاه، ولكن مع زر "إيقاف" وأضاف:
<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" مرة واحدة كل ثانية (مثل ساعة رقمية).
مثال
عرض الوقت الحالي:
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
} انها محاولة لنفسك » هناك 1000 ميلي ثانية في ثانية واحدة.
كيفية وقف التنفيذ؟
و clearInterval() يتوقف طريقة إعدام وظيفة محددة في setInterval() الأسلوب.
window.clearInterval( timerVariable )و window.clearInterval( ) الأسلوب يمكن أن تكون مكتوبة من دون بادئة النافذة.
و clearInterval() يستخدم أسلوب متغير عاد من setInterval() :
myVar = setInterval(function, milliseconds);
clearInterval(myVar);مثال
نفس المثال على النحو الوارد أعلاه، ولكن قمنا بإضافة زر "وقف الوقت":
<p id="demo"></p>
<button onclick="clearInterval(myVar)">Stop time</button>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script> انها محاولة لنفسك » 
المزيد من الأمثلة
ساعة تم إنشاؤها باستخدام الحدث توقيت