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
