HTML DOM console.time() วิธีการ

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

ไวยากรณ์

ต่อไปนี้เป็นรูปแบบ HTML DOM console.time() -

console.time(label)

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

ตัวอย่าง

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

<!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>
Press F12 key to view the performance result in your console view</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM console.time() วิธีการ

เมื่อคลิกปุ่ม TIMER -

HTML DOM console.time() วิธีการ

ในตัวอย่างข้างต้น −

ขั้นแรกเราได้สร้างปุ่ม 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.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");
}