1. ตัวจับเวลา JavaScript คืออะไร?
ใน JavaScript เราสามารถเรียกใช้งานรหัสหลังจากช่วงเวลาที่กำหนดแทนที่จะเรียกทันทีหลังจากเรียกใช้ฟังก์ชั่น
2. ประเภทตัวจับเวลา
ตัวจับเวลาครั้งเดียว: ทริกเกอร์เพียงครั้งเดียวหลังจากเวลาหน่วงเวลาที่ระบุ
ตัวจับเวลาทริกเกอร์ช่วงเวลา: ทริกเกอร์ทุกช่วงเวลาที่แน่นอน
3. วิธีการจับเวลา
1): ตัวจับเวลาครั้งเดียว
a): settimeout (): เรียกใช้รหัสหลังจากเวลาหน่วงเวลาที่ระบุและดำเนินการครั้งเดียว
ไวยากรณ์: settimeout (รหัสเวลาหน่วง);
คำอธิบายพารามิเตอร์:
1. ฟังก์ชันที่จะเรียกหรือสตริงรหัสที่จะดำเนินการ
2. เวลาหน่วง: เวลาที่จะรอก่อนที่จะเรียกใช้รหัสในมิลลิวินาที (1S = 1,000ms)
b): cleartimeout (): ยกเลิก settimeout ()
ไวยากรณ์: ClearTimeOut (ตัวจับเวลา)
คำอธิบายพารามิเตอร์:
ตัวจับเวลา: ค่า id ที่ส่งคืนโดย settimeout () ค่านี้ระบุบล็อกรหัสดำเนินการล่าช้าที่จะถูกยกเลิก
การโทร SetTimeOut () และ ClearTimeOut () วิธีการล่าช้า:
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> ตัวจับเวลา JavaScript </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<อินพุต type = "ปุ่ม" value = "หยุดชั่วคราว" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javascript">
// กำหนดวิธีการพิมพ์
ฟังก์ชั่นพิมพ์ ()
-
console.log ("ฉันกำลังพิมพ์!");
-
ตัวจับเวลา var; // ค่านี้ระบุบล็อกรหัสการดำเนินการล่าช้าที่จะถูกยกเลิก
// เริ่มการพิมพ์
ฟังก์ชั่น startprint ()
-
timer = settimeout (พิมพ์, 1000); // โทรหาตัวจับเวลาการพิมพ์ล่าช้าโดย 1 วินาทีเท่านั้นดำเนินการเพียงครั้งเดียว
-
// สิ้นสุดการพิมพ์
ฟังก์ชั่น stopprint ()
-
ClearTimeOut (ตัวจับเวลา); // ยกเลิกตัวจับเวลา
-
</script>
</body>
</html>
การโทร SetTimeOut () และ ClearTimeOut () วิธีการวนซ้ำที่ไม่มีที่สิ้นสุด:
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> ตัวจับเวลา JavaScript </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<อินพุต type = "ปุ่ม" value = "หยุดชั่วคราว" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javascript">
// กำหนดวิธีการพิมพ์
ฟังก์ชั่นพิมพ์ ()
-
console.log ("ฉันกำลังพิมพ์!");
timer = settimeout (พิมพ์, 1000); // เริ่มจับเวลาโทรด้วยตัวเองและทำการวนรอบอนันต์
-
ตัวจับเวลา var; // ค่านี้ระบุบล็อกรหัสเพื่อยกเลิกการดำเนินการล่าช้า
// เริ่มการพิมพ์
ฟังก์ชั่น startprint ()
-
พิมพ์ (); // โทรหาวิธีการพิมพ์
-
// สิ้นสุดการพิมพ์
ฟังก์ชั่น stopprint ()
-
ClearTimeOut (ตัวจับเวลา); // ยกเลิกตัวจับเวลา
-
</script>
</body>
</html>
2): ตัวจับเวลาทริกเกอร์ช่วงเวลา
A): setInterval (): เมื่อดำเนินการรหัสจะถูกเรียกใช้งานทุกเวลาที่กำหนดหลังจากโหลดหน้าเว็บ
ไวยากรณ์: setInterval (รหัสเวลาโต้ตอบ);
คำอธิบายพารามิเตอร์:
1. รหัส: ฟังก์ชันที่จะเรียกหรือสตริงรหัสที่จะดำเนินการ
2. เวลาปฏิสัมพันธ์: ช่วงเวลาระหว่างการดำเนินการเป็นระยะหรือการแสดงออกการโทรวัดเป็นมิลลิวินาที (1S = 1,000ms)
ค่าส่งคืน:
ค่าที่สามารถส่งผ่านไปยัง ClearInterval () เพื่อยกเลิกการดำเนินการเป็นระยะของ "รหัส"
รูปแบบฟังก์ชั่นการโทร (สมมติว่ามีฟังก์ชั่นนาฬิกา ()):
setInterval ("นาฬิกา ()", 1,000) หรือ setInterval (นาฬิกา, 1000)
b): เมธอด ClearInterval () ยกเลิกเวลาโต้ตอบที่กำหนดโดย setInterval ()
ไวยากรณ์: ClearInterval (ตัวจับเวลา)
คำอธิบายพารามิเตอร์:
ตัวจับเวลา: ค่า ID ที่ส่งคืนโดย setInterval ()
การเรียก setInterval () และ clearInterval () เพื่อเรียกใช้อินสแตนซ์วิธีการดำเนินการช่วงเวลาอินสแตนซ์
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> ตัวจับเวลา JavaScript </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<อินพุต type = "ปุ่ม" value = "หยุดชั่วคราว" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javascript">
// กำหนดวิธีการพิมพ์
ฟังก์ชั่นพิมพ์ ()
-
console.log ("ฉันกำลังพิมพ์!");
-
ตัวจับเวลา var; // ค่านี้ระบุบล็อกรหัสการดำเนินการตัวจับเวลาที่จะยกเลิก
// เริ่มการพิมพ์
ฟังก์ชั่น startprint ()
-
timer = setInterval ("print ()", 1000); // เริ่มจับเวลา
-
// สิ้นสุดการพิมพ์
ฟังก์ชั่น stopprint ()
-
ClearInterval (ตัวจับเวลา); // ยกเลิกตัวจับเวลา
-
</script>
</body>
</html>
ข้างต้นเป็นเนื้อหาทั้งหมดที่อธิบายไว้ในบทความนี้ ฉันหวังว่าคุณจะชอบมัน