小码哥的IT人生

HTML DOM console.time() 方法

JavaScript基础 2022-06-08 15:02:48小码哥的IT人生shichen

HTML DOM console.time() 方法

实例

执行一个 for 循环 10 万次需要多长时间:

console.time();
for (i = 0; i < 100000; i++) {
  // some code
}
console.timeEnd();

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.time() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看结果。</p>
<script>
console.time();
for (i = 0; i < 100000; i++) {
  // some code
}
console.timeEnd();
</script>
<p>对执行 for 循环十万次所需的毫秒数进行计时。</p>
<p><b>注释:</b>console.time() 方法启动计时器,console.timeEnd() 方法结束计时器并将结果写入控制台视图。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

console.time() 方法在控制台视图中启动计时器。

此方法允许您为代码中的某些操作计时,以进行测试。

请使用 console.timeEnd() 方法 结束定时器并在 console.view 中显示结果。

请使用 label 参数来命名计时器,然后您就可以在同一页面上设置多个计时器。

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

浏览器支持

表格中的数字注明了完全支持该方法的首个浏览器版本。

方法 Chrome IE Firefox Safari Opera
console.time() 支持 11 10 4 支持

语法

console.time(label)

参数值

参数 类型 描述
label 字符串 可选。使用 label 参数为计时器命名。

更多实例

示例代码:

使用 label 参数:

console.time("test1");
for (i = 0; i < 100000; i++) {
  // some code
}
console.timeEnd("test1");

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.time() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看结果。</p>
<script>
var i;
console.time("test1");
for (i = 0; i < 100000; i++) {
  // some code
}
console.timeEnd("test1");
</script>
<p>对执行 for 循环十万次所需的毫秒数进行计时。</p>
<p>本例演示了如何使用 label 参数。</p>
<p>确保在调用 console.timeEnd() 方法时使用相同的标签。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

示例代码:

哪个最快,for 循环还是 while 循环?

var i;
console.time("test for loop");
for (i = 0; i < 1000000; i++) {
  // some code
}
console.timeEnd("test for loop");
i = 0;
console.time("test while loop");
while (i < 1000000) {
  i++
}
console.timeEnd("test while loop");

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.time() 方法</h1>
<p>按键盘上的 F12 可在控制台视图中查看结果。</p>
<script>
var i;
console.time("test for loop");
for (i = 0; i < 1000000; i++) {
  // some code
}
console.timeEnd("test for loop");
i = 0;
console.time("test while loop");
while (i < 1000000) {
  i++
}
console.timeEnd("test while loop");
</script>
<p>测试以查看哪个循环最快。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024