1. ما هو مؤقت JavaScript؟
في JavaScript ، يمكننا تنفيذ التعليمات البرمجية بعد فاصل محدد ، بدلاً من استدعاء الوظيفة مباشرة.
2. نوع المؤقت
توقيت لمرة واحدة: تم تشغيله مرة واحدة فقط بعد وقت التأخير المحدد.
مؤقت الزناد الفاصل: يحفز كل فترة زمنية معينة
3. طريقة المؤقت
1): مؤقت لمرة واحدة
أ): setTimeOut (): قم بتنفيذ الكود بعد وقت التأخير المحدد وتنفيذه مرة واحدة.
بناء الجملة: setTimeout (رمز ، وقت التأخير) ؛
وصف المعلمة:
1. الوظيفة المراد استدعاؤها أو سلسلة الكود المراد تنفيذها.
2. وقت التأخير: حان الوقت للانتظار قبل تنفيذ الكود ، بالمللي ثانية (1S = 1000ms).
ب): cleartimeout (): إلغاء setTimeout ()
بناء الجملة: ClearTimeout (مؤقت)
وصف المعلمة:
مؤقت: قيمة المعرف التي تم إرجاعها بواسطة setTimeOut (). تحدد هذه القيمة كتلة رمز التنفيذ المتأخرة المراد إلغاؤها.
Call SetTimeOut () و ClearTimeOut () أساليب التأخير:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> Timer JavaScript </title>
<type type = "button" value = "start" id = "btnstart" onClick = "StartPrint ()">
<type type = "button" value = "pause" id = "btnstop" onClick = "stopPrint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// تحديد طريقة الطباعة
وظيفة print ()
{
console.log ("أنا الطباعة!") ؛
}
var timer ؛ // تحدد هذه القيمة كتلة رمز التنفيذ المتأخرة المراد إلغاؤها
// ابدأ الطباعة
وظيفة startPrint ()
{
Timer = setTimeOut (print ، 1000) ؛ // اتصل بالوقت ، تأخير الطباعة على مدار ثانية واحدة ، فقط تنفذ مرة واحدة فقط
}
// نهاية الطباعة
توقف وظيفة ()
{
ClearTimeout (Timer) ؛ // Cancel Timer
}
</script>
</body>
</html>
استدعاء SetTimeOut () و ClearTimeOut () طرق حلقة Infinite:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> Timer JavaScript </title>
<type type = "button" value = "start" id = "btnstart" onClick = "StartPrint ()">
<type type = "button" value = "pause" id = "btnstop" onClick = "stopPrint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// تحديد طريقة الطباعة
وظيفة print ()
{
console.log ("أنا الطباعة!") ؛
Timer = setTimeout (print ، 1000) ؛ // ابدأ الموقت ، اتصل بنفسك ، وأداء حلقة Infinite
}
var timer ؛ // تشير هذه القيمة إلى كتلة الرمز لإلغاء التنفيذ المتأخر
// ابدأ الطباعة
وظيفة startPrint ()
{
print () ؛ // استدعاء طريقة الطباعة
}
// نهاية الطباعة
توقف وظيفة ()
{
ClearTimeout (Timer) ؛ // Cancel Timer
}
</script>
</body>
</html>
2): مؤقت الزناد الفاصل
أ): SetInterval (): عند التنفيذ ، يتم تنفيذ الرمز كل وقت محدد بعد تحميل الصفحة.
بناء الجملة: setInterval (رمز ، وقت التفاعل) ؛
وصف المعلمة:
1. الكود: الوظيفة المراد استدعاؤها أو سلسلة الكود المراد تنفيذها.
2. وقت التفاعل: الفاصل الزمني بين التنفيذ الدوري أو تعبيرات الاتصال ، تقاس بالمللي ثانية (1S = 1000ms).
قيمة الإرجاع:
القيمة التي يمكن تمريرها إلى ClearInterVal () لإلغاء التنفيذ الدوري لـ "الكود".
تنسيق وظيفة الاتصال (على افتراض أن هناك وظيفة على مدار الساعة ()):
SetInterval ("Clock ()" ، 1000) أو SetInterval (Clock ، 1000)
ب): طريقة clearinterval () تلغي وقت التفاعل المحدد بواسطة setInterval ()
بناء الجملة: ClearInterval (مؤقت)
وصف المعلمة:
TIMER: قيمة المعرف التي تم إرجاعها بواسطة SetInterval ().
استدعاء setInterval () و clearinterval () لتنفيذ مثيل طريقة تنفيذ الفاصل الزمني
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> Timer JavaScript </title>
<type type = "button" value = "start" id = "btnstart" onClick = "StartPrint ()">
<type type = "button" value = "pause" id = "btnstop" onClick = "stopPrint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// تحديد طريقة الطباعة
وظيفة print ()
{
console.log ("أنا الطباعة!") ؛
}
var timer ؛ // تحدد هذه القيمة كتلة رمز تنفيذ المؤقت المراد إلغاؤها
// ابدأ الطباعة
وظيفة startPrint ()
{
Timer = setInterval ("print ()" ، 1000) ؛ // start timer
}
// نهاية الطباعة
توقف وظيفة ()
{
ClearInterval (Timer) ؛ // Cancel Timer
}
</script>
</body>
</html>
ما سبق هو كل المحتوى الموضح في هذه المقالة. أتمنى أن يعجبك.