第1章 第511节 dom console time

推荐给朋友

HTML DOM console.time() 方法

实例

执行 10 万次所需要的实际:

console.time();
for (i = 0; i < 100000; i++) {
  // 代码部分
}
console.timeEnd();

尝试一下

定义和用法

console.time() 方法是作为计算器的起始方法。

该方法一般用于测试程序执行的时长。

console.timeEnd() 方法为计算器的结束方法,并将执行时长显示在控制台。

如果一个页面有多个地方需要使用到计算器,可以添加标签参数来设置。

提示: 在测试该方法的过程中,控制台需要可见 (浏览器按下 F12 打开控制台)。

语法

console.time(label)

浏览器支持

表格中的数字表示支持该方法的第一个浏览器版本号。

方法 Chrome Edge Firefox Safari Opera
console.time() Yes 11 10 4 Yes

参数说明

参数 类型 描述
label String 可选,用于给计算器设置标签。
tablecolumns Array 可选,一个数组,表格标题栏的名称。

更多实例

实例

使用标签参数:

console.time("Nowcoder");
for (i = 0; i < 100000; i++) {
  // 代码部分
}
console.timeEnd("Nowcoder");

尝试一下

实例

测试哪个代码执行的更快:

var i;
console.time("for 循环测试");
for (i = 0; i < 100000; i++) {
  // 代码部分
}
console.timeEnd("for 循环测试");

i = 0;
console.time("while 循环测试");
while (i < 1000000) {
  i++
}
console.timeEnd("while 循环测试");

尝试一下