HTML DOM console.time()用法及代碼示例

HTML DOM console.time() 方法用於顯示執行一段代碼所用的時間。這有助於我們分析整個代碼或代碼的特定部分。通過對代碼進行計時，您可以使其更高效。使用可選的 label 參數，您可以在同一頁麵上創建多個計時器。

用法

以下是 HTML DOM console.time() 方法的語法 -

console.time(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 循環”的計時器來衡量三個循環的性能。

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

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM console.time() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。