أحداث توقيت جافا سكريبت
1
2
3
4
5
6
7
8
9
10
11
12
|
يمكن تنفيذ JavaScript في فترات زمنية. وهذا ما يسمى أحداث التوقيت. |
أحداث التوقيت
يسمح window
الكائن بتنفيذ التعليمات البرمجية في فترات زمنية محددة.
تسمى هذه الفترات الزمنية أحداث التوقيت.
الطريقتان الرئيسيتان للاستخدام مع JavaScript هما:
setTimeout(function, milliseconds
)
ينفذ وظيفة بعد انتظار عدد محدد من المللي ثانية.setInterval(function, milliseconds
)
مثل setTimeout () ، لكنه يكرر تنفيذ الوظيفة بشكل مستمر.
إن كلا setTimeout()
من setInterval()
طريقتين لكائن HTML DOM Window.
طريقة 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" مرة كل ثانية (مثل الساعة الرقمية).
مثال
عرض الوقت الحالي:
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>