定义和用法
console.time() 方法是作为计算器的起始方法。
该方法一般用于测试程序执行的时长。
console.timeEnd() 方法为计算器的结束方法,并将执行时长显示在控制台。
如果一个页面有多个地方需要使用到计算器,可以添加标签参数来设置。
提示: 在测试该方法的过程中,控制台需要可见 (浏览器按下 F12 打开控制台)。
语法
console.time(label)
所有主要浏览器都支持DOM console.time() 方法
参数说明
参数 | 类型 | 描述 |
---|---|---|
label | String | 可选,用于给计算器设置标签。 |
tablecolumns | Array | 可选,一个数组,表格标题栏的名称。 |
实例
DEMO1:执行 10 万次所需要的实际。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <h1>JavaScript console.time() 方法</h1> <p>按下 F12 查看控制台信息。</p> <script> console.time(); for (i = 0; i < 100000; i++) { // 代码部分 } console.timeEnd(); </script> <p>计算循环十万次所需要的毫秒数。</p> <p><strong>注意:</strong> console.time() 方法是计算器的起始方法,结束方法为 console.timeEnd() ,该方法执行后会将执行时长显示在控制台上。</p> </body> </html>
DEMO2:使用标签参数。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <h1>JavaScript console.time() 方法</h1> <p>按下 F12 查看控制台信息。</p> <p>该实例演示了如何使用计算器的标签参数。</p> <script> console.time("Web176"); for (i = 0; i < 100000; i++) { // 代码部分 } console.timeEnd("Web176"); </script> <p>计算循环十万次所需要的毫秒数。</p> <p><strong>注意:</strong> console.time() 方法是计算器的起始方法,结束方法为 console.timeEnd() ,该方法执行后会将执行时长显示在控制台上。</p> </body> </html>
DEMO3:测试哪个代码执行的更快。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <h1>JavaScript console.time() 方法</h1> <p>按下 F12 查看控制台信息。</p> <p>该实例演示了如何在一个页面使用多个计算器。</p> <script> 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 循环测试"); </script> <p>计算循环十万次所需要的毫秒数。</p> <p><strong>注意:</strong> console.time() 方法是计算器的起始方法,结束方法为 console.timeEnd() ,该方法执行后会将执行时长显示在控制台上。</p> </body> </html>
作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3839.html