JavaScript console.timeEnd() 方法

实例

执行 for 循环 100000 次需要多长时间:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
  5. <script>
  6. console.time();
  7. for (i = 0; i < 100000; i++) {
  8. // some code
  9. }
  10. console.timeEnd();
  11. </script>
  12. <p>Time 执行 for 循环十万次所需的毫秒数。</p>
  13. <p><strong>备注:</strong> console.time() 方法启动计时器,同时 console.timeEnd() 方法结束计时器并将结果写入控制台视图。</p>
  14. </body>
  15. </html>

定义与用法

console.timeEnd() 方法结束计时器,并将结果写入控制台视图。

此方法允许您为测试目的对代码中的某些操作计时。

使用 console.time() 方法启动计时器。

使用 label 参数指定要结束的计时器。

提示:测试控制台方法时,确保控制台视图可见(按 F12 键查看控制台)。


浏览器支持

表中的数字指定完全支持该方法的第一个浏览器版本。

方法
console.timeEnd()Yes11104Yes

语法

  1. console.timeEnd(label)

参数值

参数类型描述
labelString可选。要结束的计时器的名称

更多实例

实例

使用 label 参数:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
  5. <script>
  6. var i;
  7. console.time("test1");
  8. for (i = 0; i < 100000; i++) {
  9. // some code
  10. }
  11. console.timeEnd("test1");
  12. </script>
  13. <p>Time 执行 for 循环十万次所需的毫秒数。</p>
  14. <p>此示例演示如何使用 label 参数</p>
  15. <p>确保在调用 console.timeEnd() 方法时使用相同的标签。</p>
  16. </body>
  17. </html>
实例

for 循环和 while 循环哪个最快?

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
  5. <script>
  6. var i;
  7. console.time("测试 for 循环");
  8. for (i = 0; i < 1000000; i++) {
  9. // some code
  10. }
  11. console.timeEnd("测试 for 循环");
  12. i = 0;
  13. console.time("测试 while 循环");
  14. while (i < 1000000) {
  15. i++
  16. }
  17. console.timeEnd("测试 while 循环");
  18. </script>
  19. <p>测试以查看哪个循环最快。</p>
  20. </body>
  21. </html>

分类导航