Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML DOM console.timeEnd() Method


เมธอด 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>

ผลลัพธ์

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

HTML DOM console.timeEnd() Method

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

HTML DOM console.timeEnd() Method

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

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