บทความนี้อธิบายวิธีการใช้งานของ JavaScript นาทีและตัวจับเวลาการนับถอยหลังครั้งที่สอง แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
1. วัตถุประสงค์พื้นฐาน
ออกแบบตัวจับเวลาการนับถอยหลังหนึ่งนาทีและครั้งที่สองใน JavaScript และเมื่อเวลาเสร็จสมบูรณ์ปุ่มจะไม่สามารถเปลี่ยนได้
เอฟเฟกต์เฉพาะดังที่แสดงในรูปด้านล่าง เพื่อแสดงให้เห็นถึงปัญหามันถูกปรับให้กระโดดโต๊ะทุก ๆ 50 มิลลิวินาทีนั่นคือทุก 0.05
เมื่อคุณใช้งานจริงเพียงแค่ปรับ setInterval ("clock.move ()", 50); ใน window.onload = function () {... } จาก 50 ถึง 1,000
ปุ่มยังสามารถคลิกได้ก่อนที่เวลาจะหมด
หลังจากใช้เวลาหมดแล้วปุ่มไม่สามารถคลิกได้
2. กระบวนการผลิต
คัดลอกรหัสดังนี้: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<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 = "ตัวจับเวลา"> </span>
<อินพุต id = "go" type = "submit" value = "go" />
</body>
</html>
<script>
/*ฟังก์ชั่นที่จะใช้โดยฟังก์ชั่นหลักประกาศ*//
นาฬิกา var = นาฬิกาใหม่ ();
/*ตัวชี้ไปยังตัวจับเวลา*/
ตัวจับเวลา var;
window.onload = function () {
/*ฟังก์ชั่นหลักเพียงแค่เรียกวิธีการย้ายในฟังก์ชันนาฬิกาทุก ๆ 50 วินาที*/
timer = setInterval ("clock.move ()", 50);
-
ฟังก์ชั่นนาฬิกา () {
/*s เป็นตัวแปรในนาฬิกา () ตัวแปรส่วนกลางที่ไม่ใช่ var ซึ่งแสดงถึงวินาทีที่เหลือ*/
this.s = 140;
this.move = function () {
/ *ก่อนเอาต์พุตให้เรียกใช้ฟังก์ชัน Exchange เพื่อแปลงจากวินาทีเป็นนาทีเป็นวินาทีเนื่องจากการแลกเปลี่ยนไม่ได้ใช้ในหน้าต่างฟังก์ชั่นหลัก Oonload ดังนั้นจึงไม่จำเป็นต้องประกาศ *//
document.getElementById ("ตัวจับเวลา"). innerhtml = Exchange (this.s);
/*ทุกครั้งที่เรียกว่าวินาทีที่เหลือจะลดลงด้วยตัวเอง*/
this.s = this.s-1;
/*หากเวลาหมดแล้วหน้าต่างป๊อปอัพจะทำให้ปุ่มไม่พร้อมใช้งานให้หยุดการเรียกย้าย () ในฟังก์ชั่นนาฬิกา*//
if (this.s <0) {
การแจ้งเตือน ("เวลาขึ้น");
document.getElementById ("go"). disabled = true;
ClearTimeout (ตัวจับเวลา);
-
-
-
การแลกเปลี่ยนฟังก์ชั่น (เวลา) {
/*การแบ่งของ JavaScript คือการแบ่งจุดลอยตัวและต้องใช้ Math.Floor เพื่อรับส่วนจำนวนเต็ม*//
this.m = math.floor (เวลา/60);
/*มีการดำเนินการที่เหลือ*/
this.s = (เวลา%60);
this.text = this.m+"นาที"+this.s+"วินาที";
/*อย่าใช้สิ่งนี้สำหรับเวลาพารามิเตอร์ที่ผ่านการผ่านในขณะที่ตัวแปรที่เหลือที่ใช้ในฟังก์ชั่นนี้จะต้องใช้สิ่งนี้*/
ส่งคืน this.text;
-
</script>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน