สิ่งที่คุณต้องรู้เกี่ยวกับตัวจับเวลาใน JavaScript



บทความนี้จะให้ความรู้โดยละเอียดและครอบคลุมเกี่ยวกับวิธีใช้ตัวจับเวลาใน JavaScript พร้อมตัวอย่าง

ตัวจับเวลาเป็นสิ่งสำคัญของภาษาโปรแกรมใด ๆ อย่างที่เรารู้ว่าเวลาคือเงิน ดังนั้นในบทความนี้เราจะดูวิธีการใช้งานและทำงานกับ 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)

}

เวลาที่เหลือ ::

:

รหัสรายการที่เชื่อมโยงในค

timers-in-javascript

เมื่อเหลือเวลาน้อยกว่าหนึ่งนาทีสีของตัวจับเวลาจะเปลี่ยนเป็นสีแดง

ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความตัวจับเวลาใน JavaScript ค กำจัดไฟล์ โดย Edureka บริษัท การเรียนรู้ออนไลน์ที่เชื่อถือได้ซึ่งมีเครือข่ายผู้เรียนที่พึงพอใจมากกว่า 250,000 คนกระจายอยู่ทั่วโลก

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ Dependency Injection ใน AngularJs แล้วเราจะติดต่อกลับไป