تصف هذه المقالة طريقة تعيين الفاصل الزمني بين نقرتين متتاليتين على التوالي في JavaScript ، ويتم مشاركته معك للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
في كثير من الأحيان في التطبيقات الفعلية ، قد لا نريد النقر فوق الزر دون انقطاع ، لذلك يتعين علينا الحد من فترة زمنية معينة للنقر فوق الزر مرة أخرى. دعونا نقدم كيفية تنفيذ هذه الوظيفة من خلال أمثلة رمز. الرمز كما يلي:
انسخ الرمز كما يلي: <! doctype html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "uptor" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<script type = "text/javaScript">
window.onload = function () {
var odiv = document.getElementById ("thediv") ؛
var obt = document.getElementById ("bt") ؛
var count = 0 ؛
var flag = null ؛
وظيفة تم القيام بها () {
if (count == 0) {
ClearInterval (العلم) ؛
}
آخر{
count = count-1 ؛
}
}
obt.onclick = function () {
var val = parseint (odiv.innerhtml) ؛
if (count == 0) {
odiv.innerhtml = val+1 ؛
العد = 20 ؛
flag = setInterval (تم ، 1000) ؛
}
آخر{
التنبيه ("يتطلب أيضًا"+(عدد)+"ثواني للنقر") ؛
}
}
}
</script>
</head>
<body>
<div id = "thediv"> 0 </iv>
<type type = "button" id = "bt" value = "عرض تأثير"/>
</body>
</html>
ينفذ الرمز أعلاه متطلباتنا ويمكن أن يحد من وقت الفاصل الزمني للنقر فوق الأزرار. يمكن توسيع هذا التأثير إلى وظائف أخرى ، مثل الحد من وقت النشر الفاصل ، وما إلى ذلك. دعنا نقدم عملية التنفيذ أدناه.
تعليقات الكود كما يلي:
1.Window.onload = function () {} ، والذي يحدد أنه سيتم تنفيذ الكود في الوظيفة بعد تحميل محتوى المستند بالكامل.
2.var odiv = document.getElementById ("thediv") ، الحصول على كائن عنصر div.
3.var obt = document.getElementById ("BT") ، احصل على كائن الزر.
4.TAR COUNT = 0 ، أعلن متغيرًا وتعيين القيمة الأولية إلى 0 ، والذي يتم استخدامه لتخزين وقت الفاصل.
5.var flag = null ، أعلن متغيرًا وتعيين القيمة الأولية إلى الفارغ ، ويتم استخدام هذا المتغير لتخزين قيمة الإرجاع لوظيفة المؤقت.
6. الوظيفة التي تم القيام بها () {} ، يمكن استدعاء هذه الوظيفة بشكل مستمر بواسطة وظيفة المؤقت لتقليل العدد.
7.IF (count == 0) {clearinterval (flag) ؛} ، إذا كان العد == 0 ، يتم إيقاف تنفيذ وظيفة المؤقت.
8.Else {count = count-1 ؛} ، إذا لم يكن مساوياً لـ 0 ، قم بإجراء عملية الانخفاض.
9.Obt.onclick = function () {} ، قم بتسجيل وظيفة معالجة الأحداث النقر للزر.
10.var val = parseint (odiv.innerhtml) ، احصل على المحتوى في div وقم بتحويله إلى عدد صحيح.
11. هل (العد == 0) {
odiv.innerhtml = val+1 ؛
العد = 20 ؛
flag = setInterval (تم ، 1000) ؛
}
إذا كان العد يساوي 0 ، ثم +1 في div ، وضبط العد إلى 20 ، ويتم تشغيل تنفيذ وظيفة المؤقت.
12. Else {Alert ("يتطلب أيضًا"+(عدد)+"ثواني للنقر") ؛} ، إذا كان العد لا يساوي الصفر ، فكم من الوقت يستغرق النقر عند النقر عند الظهور؟
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.