ตัวจับเวลาเป็นสิ่งสำคัญของภาษาโปรแกรมใด ๆ อย่างที่เรารู้ว่าเวลาคือเงิน ดังนั้นในบทความนี้เราจะดูวิธีการใช้งานและทำงานกับ Timers ใน JavaScript:
การทำงานกับ Timers ใน JavaScript
ตัวจับเวลาเป็นฟังก์ชันที่ช่วยให้เราสามารถเรียกใช้ฟังก์ชันในช่วงเวลาหนึ่ง ๆการใช้ตัวจับเวลาคุณสามารถชะลอการเรียกใช้โค้ดเพื่อไม่ให้ดำเนินการเสร็จสิ้นในช่วงเวลาที่เหตุการณ์ถูกทริกเกอร์หรือโหลดเพจ ตัวอย่างเช่นคุณสามารถใช้ตัวจับเวลาเพื่อเปลี่ยนป้ายโฆษณาบนเว็บไซต์ของคุณในช่วงเวลาปกติหรือแสดงนาฬิกาแบบเรียลไทม์เป็นต้น
มีฟังก์ชั่นจับเวลาใน JavaScript:setTimeout ()
ส่วนต่อไปนี้จะแสดงวิธีสร้างตัวจับเวลาเพื่อหน่วงเวลารหัสการดำเนินการตลอดจนวิธีดำเนินการอย่างน้อยหนึ่งอย่างซ้ำ ๆ โดยใช้ฟังก์ชัน theis ใน JavaScript
หน้าต่าง setTimeout () วิธีการ
ความหมายและการใช้งาน:
เมธอด setTimeout () เรียกใช้ฟังก์ชันหรือประเมินนิพจน์หลังจากจำนวนมิลลิวินาทีที่ระบุ
เคล็ดลับ:
- 1,000 ms = 1 วินาที
- ฟังก์ชันจะถูกเรียกใช้งานเพียงครั้งเดียว หากคุณต้องการดำเนินการซ้ำให้ใช้ไฟล์
setInterval ()
วิธี. - ใช้
clearTimeout ()
วิธีการป้องกันไม่ให้ฟังก์ชันทำงาน
ฟังก์ชันนี้รับพารามิเตอร์สองตัว: a ฟังก์ชัน ซึ่งเป็นฟังก์ชันในการดำเนินการและเป็นทางเลือก ล่าช้า พารามิเตอร์ซึ่งเป็นจำนวนมิลลิวินาทีที่แสดงถึงระยะเวลาที่ต้องรอก่อนที่จะเรียกใช้ฟังก์ชัน (1 วินาที = 1,000 มิลลิวินาที)
มูลค่าผลตอบแทน: ส่งคืนตัวเลขที่แสดงค่า ID ของตัวจับเวลาที่ตั้งไว้
รหัส: ตัวจับเวลาใน JavaScript
นี่คือรหัสสำหรับตัวจับเวลาใน JavaScript ที่ตั้งเวลา 2 นาทีและเมื่อเวลาขึ้นการแจ้งเตือนหน้า 'หมดเวลา'setTimeout ()
เมธอดเรียกใช้ฟังก์ชันหรือประเมินนิพจน์หลังจากจำนวนมิลลิวินาทีที่ระบุ
// ตั้งนาที
var นาที = 2
// คำนวณวินาที
var วินาที = นาที * 60
// ฟังก์ชั่นนับถอยหลังจะเกิดขึ้นเมื่อโหลดหน้า
ฟังก์ชันนับถอยหลัง () {
setTimeout ('Decrement ()', 60)
}
// ลดฟังก์ชันลดค่า
function Decrement () {
ถ้า (document.getElementById) {
นาที = document.getElementById ('นาที')
วินาที = document.getElementById ('วินาที')
คุณสมบัติ java 9 พร้อมตัวอย่าง
// ถ้าเหลือน้อยกว่าหนึ่งนาที
// แสดงค่าวินาทีเท่านั้น
ถ้า (วินาที<59) {
seconds.value = วินาที
วิธีค้นหา palindrome ใน java
}
// แสดงทั้งนาทีและวินาที
// getminutes และ getseconds ถูกใช้เพื่อ
// รับนาทีและวินาที
else {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// เหลือเวลาอีกไม่ถึงหนึ่งนาที
// สีของนาทีและวินาที
// เปลี่ยนเป็นสีแดง
ถ้า (นาที<1) {
minutes.style.color = 'สีแดง'
seconds.style.color = 'สีแดง'
}
// ถ้าวินาทีกลายเป็นศูนย์
// จากนั้นเวลาแจ้งเตือนหน้าขึ้น
ถ้า (นาที<0) {
การแจ้งเตือน ('หมดเวลา')
minutes.value = 0
วินาทีค่า = 0
}
// ถ้าวินาที> 0 วินาทีจะลดลง
else {
แห้ง--
setTimeout ('Decrement ()', 1,000)
}
}
}
ฟังก์ชัน getminutes () {
// นาทีคือวินาทีหารด้วย 60 ปัดลง
นาที = Math.floor (วินาที / 60)
คืนนาที
}
ฟังก์ชัน getseconds () {
// ใช้เวลาเหลือนาที (เป็นวินาที)
// จากวินาทีทั้งหมดที่เหลือ
คืนวินาที - Math.round (นาที * 60)
}
เวลาที่เหลือ ::
:
รหัสรายการที่เชื่อมโยงในค
เมื่อเหลือเวลาน้อยกว่าหนึ่งนาทีสีของตัวจับเวลาจะเปลี่ยนเป็นสีแดง
ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความตัวจับเวลาใน JavaScript ค กำจัดไฟล์ โดย Edureka บริษัท การเรียนรู้ออนไลน์ที่เชื่อถือได้ซึ่งมีเครือข่ายผู้เรียนที่พึงพอใจมากกว่า 250,000 คนกระจายอยู่ทั่วโลก
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ Dependency Injection ใน AngularJs แล้วเราจะติดต่อกลับไป