HTML DOM console.timeEnd() 方法
JavaScript基础 2022-06-08 15:02:51小码哥的IT人生shichen
HTML DOM console.timeEnd() 方法
实例
执行一个 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.timeEnd() 方法结束计时器，并将结果写入控制台视图。
此方法允许您为代码中的某些操作计时，以进行测试。
请使用 console.time() 方法 启动定时器。
请使用 label 参数指定要结束的计时器。
提示：测试控制台方法时，请确保控制台视图可见（按 F12 查看控制台）。
浏览器支持
表格中的数字注明了完全支持该方法的首个浏览器版本。
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| console.timeEnd() | 支持 | 11 | 10 | 4 | 支持 |
语法
console.timeEnd(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 < 100000; 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
