Phương thức HTML DOM console.time() được dùng để hiển thị thời gian trôi qua trong việc thực thi một đoạn mã. Điều này giúp chúng ta phân tích toàn bộ mã hoặc các bit cụ thể của mã của chúng ta. Bằng cách đo thời gian mã của bạn, bạn có thể làm cho nó hiệu quả hơn. Sử dụng tham số label tùy chọn, bạn có thể tạo một vài bộ đếm thời gian trên cùng một trang.
Cú pháp
Cú pháp sau đây dùng cho phương thức HTML DOM console.time():
console.time(label)
Ở đây, label là tham số tùy chọn để đặt tên cho bộ đếm thời gian của chúng ta.
Ví dụ
Hãy xem một ví dụ cho phương thức console.time():
<!DOCTYPE html> <html> <body> <h1>Phương thức console.time()</h1> <p>Nhấn nút bên dưới để đo thời gian vòng lặp for,while và do-while cho 100000 lần lặp</p> <button type="button" onclick="LoopPerform()">BỘ ĐẾM THỜI GIAN</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>Nhấn phím F12 để xem kết quả hiệu suất trong chế độ xem console của bạn</p> </body> </html>Kết quả
Điều này sẽ tạo ra kết quả sau:
Khi nhấn nút BỘ ĐẾM THỜI GIAN:
Trong ví dụ trên:
Chúng ta đã tạo nút BỘ ĐẾM THỜI GIAN sẽ thực thi hàm LoopPerform() khi được nhấp bởi người dùng:
<button type="button" onclick="LoopPerform()">BỘ ĐẾM THỜI GIAN</button>
Hàm LoopPerform() có vòng lặp for, while và do-while thực thi bên trong nó. Có tổng cộng ba bộ đếm thời gian với nhãn "for-loop", "while-loop" và "do-while loop" được tạo để đo hiệu suất của ba vòng lặp.
Phương thức console.time() bắt đầu bộ đếm thời gian và nhận một tham số label 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(). Thời gian mà mã mất để kết thúc thực thi sau đó được hiển thị trong cửa sổ console:
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"); }