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

Phương thức console.timeEnd() được dùng để dừng bộ đếm thời gian và hiển thị thời gian trôi qua trong khi mã bên trong console.time() và console.timeEnd() mất để kết thúc thực thi. Nó hữu ích để tính thời gian các phần của mã của bạn để tìm ra nút thắt cổ chai ở đâu. Sử dụng tham số label tùy chọn, chúng ta có thể chỉ định bộ đếm thời gian nào để dừng.

Cú pháp

Cú pháp sau đây dùng cho phương thức console.timeEnd():

console.timeEnd(label);

Ở đây, label là tham số tùy chọn để chỉ định bộ đếm thời gian nào để dừng.

Ví dụ

Hãy xem một ví dụ cho phương thức console.timeEnd():

<!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. Phương thức console.timeEnd() được dùng để dừng bộ đếm thời gian và hiển thị kết quả trong chế độ xem console. Việc sử dụng label làm tham số trong phương thức timeEnd() cho phép chúng ta chỉ định bộ đếm thời gian nào để dừng:

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