من السهل استخدام الحدث الزمني في Javascripp.
setTimeout ()
تنفيذ الرمز في وقت معين
cleartimeout ()
إلغاء setTimeout ()
setTimeout ()
قواعد
نسخ رمز رمز على النحو التالي:
var t = setTimeout ("عبارة JavaScript" ، ميلي ثانية)
تقوم طريقة setTimeOut () بإرجاع قيمة معينة. في البيان أعلاه ، يتم تخزين القيمة في متغير يسمى T. إذا كنت ترغب في إلغاء هذا setTimeOut () ، فيمكنك استخدام هذا الاسم المتغير لتحديده.
المعلمة الأولى من setTimeOut () هي سلسلة تحتوي على عبارة javaScript. قد يكون هذا البيان مثل "تنبيه ('5 ثوانٍ!') ، أو دعوة الوظيفة ، مثل التنبيه ()".
تشير المعلمة الثانية إلى المعلمة الأولى بعد بدء المللي ثانية الحالية.
نصيحة: 1000 مللي ثانية تساوي ثانية واحدة.
عند النقر فوق الزر الموجود في المثال التالي ، سيظهر مربع المطالبة في 5 ثوان.
نسخ رمز رمز على النحو التالي:
<html>
<head>
<script type = "text/javaScript">
وظيفة timedMsg ()
{{
var t = setTimeout ("ALERT ('5 ثوان!)" ، 5000)
}
</script>
</head>
<body>
<Porm>
<type = "زر" value = "عرض التوقيت!"
</form>
</body>
</html>
مثال على الدورة اللانهائية
لإنشاء مؤقت يعمل في حلقة لا حصر لها ، نحتاج إلى كتابة وظيفة للاتصال بنفسها. في المثال التالي ، عند النقر فوق الزر ، يتم حساب مجال الإدخال من 0.
نسخ رمز رمز على النحو التالي:
<html>
<head>
<script type = "text/javaScript">
var c = 0
var t
وظيفة timedCount ()
{{
document.getElementByid ('txt')
C = C+1
t = setTimeout ("timedCount ()" ، 1000)
}
</script>
</head>
<body>
<Porm>
<type = "زر" value = "بدء العد!"
<type type = "text" id = "txt">
</form>
</body>
</html>
cleartimeout ()
قواعد
نسخ رمز رمز على النحو التالي:
ClearTimeout (setTimeOut_Variable)
مثال
المثال أدناه يشبه مثال الحلقة اللانهائية أعلاه. الفرق الوحيد هو أننا أضفنا الآن "COUNT COUNT!"
نسخ رمز رمز على النحو التالي:
<html>
<head>
<script type = "text/javaScript">
var c = 0
var t
وظيفة timedCount ()
{{
document.getElementByid ('txt')
C = C+1
t = setTimeout ("timedCount ()" ، 1000)
}
وظيفة stopcount ()
{{
cleartimeout (t)
}
</script>
</head>
<body>
<Porm>
<type = "زر" value = "بدء العد!"
<type type = "text" id = "txt">
<type type = "button" value = "stop count!"
</form>
</body>
</html>
الطريقتان المهمينان الآخرتان:
نسخ رمز رمز على النحو التالي:
setInterval ()
setInterval () -تنص على وظيفة ، مرارًا وتكرارًا ، فترات زمنية محددة
الوظيفة هي: تنفذ الدورة طريقة ، في غضون فترة زمنية محددة
القواعد:
نسخ رمز رمز على النحو التالي:
window.setInterval ("JavaScript function" ، milliseconds) ؛
ملاحظة: يجب أن تكون المعلمة الأولى دالة ، والمعلمة الثانية هي وقت الفاصل الزمني لوظيفة التنفيذ.
مثال:
نسخ رمز رمز على النحو التالي:
<html>
<script type = "text/javaScript">
setInterval (function () {Alert ("hello")} ، 500) ؛
</script>
</html>
ملاحظة: المثال أعلاه ، تأثير التنفيذ يعني أن كل 500 مللي ثانية في حالة تأهب ("Hello") ؛
ساعة أخرى:
نسخ رمز رمز على النحو التالي:
<html>
<body>
<p id = "demo"> </p>
<script type = "text/javaScript">
setInterval (function () {mytimer ()} ، 1000) ؛
وظيفة mytimer () {
var d = new Date () ؛
var t = d.tolocaletimestring () ؛
document.getElementByid ('Demo').
}
</script>
</body>
</html>
كيف تتوقف ، طريقة setInterval () ؟؟
نسخ رمز رمز على النحو التالي:
window.clearinterval ()
القواعد:
نسخ رمز رمز على النحو التالي:
window.clearinterval (intervalVariable)
نسخ رمز رمز على النحو التالي:
يمكن كتابة طريقة window.clearinterval () مع بادئة النافذة.
لتكون قادرًا على استخدام طريقة ClearInterval () ، يجب عليك استخدام متغير عالمي عند إنشاء طريقة الفاصل:
myvar = setInterval ("JavaScript function" ، milliseconds) ؛
بعد ذلك ، ستتمكن من إيقاف التنفيذ عن طريق استدعاء طريقة ClearInterval ().
مثال:
نسخ رمز رمز على النحو التالي:
<html>
<body>
<p id = "demo"> </p>
<p id = "demo2" onClight = "STOP ()"> stop </p>
<script type = "text/javaScript">
var test = setInterval (function () {mytimer ()} ، 1000) ؛
وظيفة mytimer () {
var d = new Date () ؛
var t = d.tolocaletimestring () ؛
document.getElementByid ('Demo').
}
وظيفة STOP () {
<html>
<body>
<p id = "demo"> </p>
<p id = "demo2" onClight = "STOP ()"> stop </p>
<script type = "text/javaScript">
var test = setInterval (function () {mytimer ()} ، 1000) ؛
وظيفة mytimer () {
var d = new Date () ؛
var t = d.tolocaletimestring () ؛
document.getElementByid ('Demo').
}
وظيفة STOP () {
ClearInterval (temp) ؛
}
</script>
</body>
</html>
}
</script>
</body>
</html>