เมธอด console.timeEnd() ใช้สำหรับหยุดตัวจับเวลาและแสดงเวลาที่ผ่านไปในขณะที่โค้ดภายใน console.time() และ console.timeEnd() ใช้เพื่อสิ้นสุดการดำเนินการ เป็นประโยชน์สำหรับส่วนกำหนดเวลาของรหัสของคุณเพื่อค้นหาว่าคอขวดอยู่ที่ไหน การใช้พารามิเตอร์ฉลากเสริม เราสามารถระบุได้ว่าจะหยุดจับเวลาใด
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับเมธอด console.timeEnd() -
console.timeEnd(label);
ในที่นี้ label เป็นพารามิเตอร์ทางเลือกสำหรับกำหนดตัวจับเวลาที่จะหยุด
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับเมธอด console.timeEnd() -
<!DOCTYPE html> <html> <body> <h1>console.time() Method</h1> <p>Click the below button to time the for,while and do-while loops for 100000 iterations </p> <button type="button" onclick="LoopPerform()">TIMER</button> <script> var i,j,k; i=0,j=0,k=0; function LoopPerform(){ console.time("for-loop"); for (; i < 100000; i++){} console.timeEnd("for-loop"); console.time("while-loop"); while(j<100000) j++; console.timeEnd("while-loop"); console.time("do-while loop"); do{k++;} while(k<100000); console.timeEnd("do-while loop"); } </script> <p>Press F12 key to view the performance result in your console view</p> </body> </html>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม TIMER -
ในตัวอย่างข้างต้น −
ขั้นแรกเราได้สร้างปุ่ม TIMER ที่จะรันฟังก์ชัน LoopPerform() เมื่อผู้ใช้คลิก -
</button type="button" onclick="LoopPerform()">TIMER</button>
ฟังก์ชัน LoopPerform() มี for, while และ do-while ลูปดำเนินการอยู่ภายใน มีตัวจับเวลาทั้งหมด 3 ตัวที่มีป้ายกำกับ “for-loop”, ”while-loop” และ “do-while loop” ที่สร้างขึ้นเพื่อวัดประสิทธิภาพของการวนซ้ำทั้งสาม
เมธอด console.time() เริ่มจับเวลาและใช้พารามิเตอร์เลเบลที่เป็นตัวเลือกและนับเวลาที่ผ่านไปในขณะที่โค้ดภายในกำลังทำงาน เมธอด console.timeEnd() ใช้เพื่อหยุดตัวจับเวลาและแสดงผลลัพธ์ในมุมมองคอนโซล การใช้ป้ายกำกับเป็นพารามิเตอร์ในเมธอด timeEnd() ทำให้เราสามารถระบุตัวจับเวลาที่จะหยุด -
function LoopPerform(){ console.time("for-loop"); for (; i < 100000; i++){} console.timeEnd("for-loop"); console.time("while-loop"); while(j<100000) j++; console.timeEnd("while-loop"); console.time("do-while loop"); do{k++;} while(k<100000); console.timeEnd("do-while loop"); }