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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。