JavaScript console.time() 方法
实例
执行 for 循环 100000 次需要多长时间:
<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<script>
console.time();
for (i = 0; i < 100000; i++) {
// some code
}
console.timeEnd();
</script>
<p>Time 执行 for 循环十万次所需的毫秒数。</p>
<p><strong>备注:</strong> console.time() 方法启动计时器,同时 console.timeEnd() 方法结束计时器并将结果写入控制台视图。</p>
</body>
</html>
定义与用法
console.time()
方法在控制台视图中启动计时器。
此方法让您可以为测试目的对代码中的某些操作计时。
使用 console.timeEnd() 方法结束计时器并在控制台中显示结果。
使用 label 参数命名计时器,那么您可以在同一页面上有多个计时器。
提示:测试控制台方法时,确保控制台视图可见(按 F12 键查看控制台)。
浏览器支持
表中的数字指定完全支持该方法的第一个浏览器版本。
方法 | |||||
---|---|---|---|---|---|
console.time() | Yes | 11 | 10 | 4 | Yes |
语法
console.time(label)
参数值
参数 | Type | 描述 |
---|---|---|
label | String | 可选。 Use the label parameter to give the timer a name |
更多实例
实例
使用 label 参数:
<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<script>
var i;
console.time("test1");
for (i = 0; i < 100000; i++) {
// some code
}
console.timeEnd("test1");
</script>
<p>Time 执行 for 循环十万次所需的毫秒数。</p>
<p>此示例演示如何使用 label 参数</p>
<p>确保在调用 console.timeEnd() 方法时使用相同的标签。</p>
</body>
</html>
实例
for 循环和 while 循环哪个最快?
<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<script>
var i;
console.time("测试 for 循环");
for (i = 0; i < 1000000; i++) {
// some code
}
console.timeEnd("测试 for 循环");
i = 0;
console.time("测试 while 循环");
while (i < 1000000) {
i++
}
console.timeEnd("测试 while 循环");
</script>
<p>测试以查看哪个循环最快。</p>
</body>
</html>