เมธอด console.timeEnd() ใช้สำหรับหยุดตัวจับเวลาและแสดงเวลาที่ผ่านไปในขณะที่โค้ดภายใน console.time() และ console.timeEnd() ใช้เวลาในการทำงานเสร็จสิ้น มีประโยชน์สำหรับการจับเวลาส่วนของโค้ดเพื่อค้นหาว่าจุดคอขวดอยู่ที่ไหน โดยใช้พารามิเตอร์ label ทางเลือก เราสามารถระบุว่าตัวจับเวลาไหนที่จะหยุด
ไวยากรณ์
ไวยากรณ์สำหรับเมธอด console.timeEnd() ดังนี้ -
console.timeEnd(label);
ที่นี่ label เป็นพารามิเตอร์ทางเลือกสำหรับระบุว่าตัวจับเวลาไหนจะหยุด
ตัวอย่าง
ลองดูตัวอย่างสำหรับเมธอด console.timeEnd() -
<!DOCTYPE html> <html> <body> <h1>console.time() Method</h1> <p>คลิกปุ่มด้านล่างเพื่อจับเวลา for, while และ do-while loops สำหรับ 100000 รอบ</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>กด F12 เพื่อดูผลลัพธ์ประสิทธิภาพในมุมมองคอนโซลของคุณ</p> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้ -
เมื่อคลิกปุ่ม TIMER -
ในตัวอย่างข้างต้น -
เราสร้างปุ่ม TIMER ที่จะเรียกใช้ฟังก์ชัน LoopPerform() เมื่อผู้ใช้คลิก -
<button type="button" onclick="LoopPerform()">TIMER</button>
ฟังก์ชัน LoopPerform() มีลูป for, while และ do-while ทำงานภายใน มีตัวจับเวลาทั้งหมดสามตัวด้วย label "for-loop", "while-loop" และ "do-while loop" สร้างขึ้นเพื่อวัดประสิทธิภาพของสามลูป
เมธอด console.time() เริ่มตัวจับเวลาและรับพารามิเตอร์ label ทางเลือกและนับเวลาที่ผ่านไปขณะที่โค้ดภายในทำงาน เมธอด console.timeEnd() ใช้หยุดตัวจับเวลาและแสดงผลลัพธ์ในมุมมองคอนโซล การใช้ label เป็นพารามิเตอร์ในเมธอด 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"); }
