تصف هذه المقالة طريقة تنفيذ JavaScript Minute و Second Countdown Timer. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
1. الأهداف الأساسية
صمم مؤقت العد التنازلي لمدة دقيقة والثانية في JavaScript ، وبمجرد اكتمال الوقت ، يصبح الزر قابلاً للتطبيق.
التأثير المحدد كما هو موضح في الشكل أدناه. لتوضيح المشكلة ، يتم ضبطها للقفز على الطاولة كل 50 ميلي ثانية ، أي كل 0.05.
عندما تستخدمه فعليًا ، ما عليك سوى ضبط setInterval ("clock.move ()" ، 50) ؛ في window.onload = function () {...} من 50 إلى 1000.
لا يزال من الممكن النقر فوق الزر قبل نفاد الوقت.
بعد استخدام الوقت ، لا يمكن النقر فوق الزر.
2. عملية الإنتاج
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> الوقت المتبقي </title>
</head>
<!-جزء HTML بسيط للغاية. يتم كتابة نص الخط وإرسال الأزرار التي تحتاج إلى التحكم في JavaScript جميعها مع ID->
<body>
الوقت المتبقي: <span id = "timer"> </span>
<input id = "go" type = "submit" value = "go" />
</body>
</html>
<script>
/*الوظيفة المراد استخدامها بواسطة الوظيفة الرئيسية ، أعلن ذلك*/
var clock = clock new () ؛
/*مؤشر إلى المؤقت*/
var timer ؛
window.onload = function () {
/*الوظيفة الرئيسية تستدعي فقط طريقة التحرك في وظيفة الساعة مرة واحدة كل 50 ثانية*/
Timer = setInterval ("clock.move ()" ، 50) ؛
}
وظيفة clock () {
/*s متغير في الساعة () ، وهو متغير عالمي ليس var ، يمثل الثواني المتبقية*/
this.s = 140 ؛
this.move = function () {
/ *قبل الإخراج ، اتصل بوظيفة التبادل للتحويل من ثوان إلى دقيقة إلى ثانية ، لأن التبادل لا يستخدم في نافذة الوظيفة الرئيسية.
document.getElementById ("Timer"). innerhtml = Exchange (this.s) ؛
/*في كل مرة يطلق عليها ، سيتم تقليل الثواني المتبقية بنفسها*/
this.s = this.s-1 ؛
/*إذا نفد الوقت ، فإن النافذة المنبثقة تجعل الزر غير متوفر ، توقف عن استدعاء Move () في وظيفة الساعة*/
if (this.s <0) {
في حالة تأهب ("الوقت مرتفع") ؛
document.getElementById ("go"). معطل = صحيح ؛
ClearTimeout (مؤقت) ؛
}
}
}
تبادل الوظائف (الوقت) {
/*قسم JavaScript هو قسم النقاط العائمة ، ويجب أن يستخدم Math.floor لاتخاذ جزء صحيح*/
this.m = math.floor (time/60) ؛
/*هناك عملية متبقية*/
this.s = (time ٪ 60) ؛
this.text = this.m+"minute"+this.s+"second" ؛
/*لا تستخدم هذا لوقت المعلمة الرسمي الذي تم تمريره ، في حين يجب أن تستخدم المتغيرات المتبقية المستخدمة في هذه الوظيفة هذا*/
إرجاع this.text ؛
}
</script>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.