📜  HTML | DOM console.timeEnd() 方法(1)

📅  最后修改于: 2023-12-03 15:15:34.973000             🧑  作者: Mango

HTML | DOM console.timeEnd() 方法

简介

console.timeEnd()方法是浏览器控制台提供的一种性能测试工具,用于结束之前由console.time()启动的计时器,并输出执行时间。

语法
console.timeEnd(timerName)

参数:

  • timerName:计时器的名称,需要与之前调用console.time()时的名称相对应。
示例
console.time("test");
for (let i = 0; i < 1000000; i++) {
  // do something
}
console.timeEnd("test");
// 输出: test: 22.391845703125ms
解释

上面的代码片段中,我们使用了console.time()开启了一个名为"test"的计时器,并在其内部运行一个循环体。

当循环体执行完成后,我们通过console.timeEnd()结束计时器,并输出计时器的时间。

控制台将输出"test: 22.391845703125ms",其中"test"为计时器的名称,"22.391845703125ms"为代码块执行的时间。

注意事项
  • 计时器名称需要保持唯一性,否则不同的计时器可能会互相干扰。
  • 计时器可以嵌套,但需要遵循以上规则,否则将影响计时器的准确度。
  • console.time()console.timeEnd()方法在生产环境中应当被移除,不应该用于上线的产品中。