Phương thức HTML DOM console.time ()

Phương thức HTML DOM console.time () được sử dụng để hiển thị thời gian trôi qua khi thực thi một đoạn mã. Điều này giúp chúng tôi phân tích toàn bộ mã hoặc các bit cụ thể của mã của chúng tôi. Bằng cách định thời gian mã của bạn, bạn có thể làm cho nó hiệu quả hơn. Sử dụng thông số nhãn tùy chọn, bạn có thể tạo nhiều bộ hẹn giờ trên cùng một trang.

Cú pháp

Sau đây là cú pháp cho phương thức HTML DOM console.time () -

console.time(label)

Ở đây, nhãn là một tham số tùy chọn để đặt tên cho bộ hẹn giờ của chúng tôi.

Ví dụ

Chúng ta hãy xem một ví dụ cho phương thức 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Phương thức HTML DOM console.time ()

Khi nhấp vào nút HẸN GIỜ -

Phương thức HTML DOM console.time ()

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo một nút TIMER sẽ thực thi hàm LoopPerform () khi người dùng nhấp vào -

<button type="button" onclick="LoopPerform()">TIMER</button>

Hàm LoopPerform () có các vòng lặp for, while và do-while thực thi bên trong nó. Có tổng cộng ba bộ hẹn giờ với nhãn “vòng lặp for”, “vòng lặp trong khi” và “vòng lặp do-while” được tạo để đánh giá hiệu suất của ba vòng lặp.

Phương thức console.time () khởi động bộ đếm thời gian và nhận một tham số nhãn tùy chọn và đếm thời gian đã trôi qua trong khi mã bên trong nó đang thực thi. Mã thực thi được giữ bên trong phương thức console.time () và console.timeEnd (). Sau đó, thời gian mã thực thi để hoàn tất việc thực thi sẽ được hiển thị trong cửa sổ bảng điều khiển -

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");
}