資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法學HTML DOM console.time() 方法
HTML DOM console.time() 方法用於顯示執行一段程式碼所花費的時間。這有助於我們分析整個程式碼或程式碼中的特定部分。透過給程式碼計時，你可以提高其效率。透過使用可選的 label 引數，可以在同一頁面上建立多個計時器。
語法
以下是 HTML DOM console.time() 方法的語法 -
console.time(label)
其中，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>輸出
該示例會生成以下輸出 -
點選 TIMER 按鈕 -
以上示例中 -
我們首先建立了一個按鈕 TIMER，它將在使用者單擊時執行 LoopPerform() 函式 -
<button type="button" onclick="LoopPerform()">TIMER</button>
LoopPerform() 函式在內部執行 for、while 和 do-while 迴圈。我們建立了三個計時器，分別名為“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");
}
更新日期：13-8-2019
39 次瀏覽
廣告