เมธอด HTML DOM console.time()

เมธอด HTML DOM console.time() ใช้สำหรับแสดงเวลาที่ผ่านไปในการรันชิ้นส่วนโค้ด ช่วยให้เราวิเคราะห์โค้ดทั้งหมดหรือส่วนเฉพาะของโค้ดของเรา โดยการจับเวลาโค้ดของคุณ คุณสามารถทำให้มันมีประสิทธิภาพมากขึ้น โดยใช้พารามิเตอร์ label ทางเลือก คุณสามารถสร้างตัวจับเวลาหลายตัวในหน้าเดียวกันได้

ไวยากรณ์

ไวยากรณ์สำหรับเมธอด HTML DOM console.time() ดังนี้ -

console.time(label)

ที่นี่ label เป็นพารามิเตอร์ทางเลือกเพื่อให้ตัวจับเวลาของเรามีชื่อ

ตัวอย่าง

ลองดูตัวอย่างสำหรับเมธอด console.time() -

<!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.time() และ console.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"); }