JavaScript--查看代码运行效率console.time()与console.timeEnd()用法

最新推荐文章于 2024-09-16 08:47:17 发布

weixin_30488085

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量81

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mrszhou/p/7705711.html

版权

程序运行时间计算：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <script>
 8     window.onload = function () {
 9         //           优化升级版
10 //              先创建数组，把节点追加到数组里，再把数组裁切
11 //                  innerHTML只需解析1遍
12 
13             var list = document.getElementById('list');
14             // 计算运行时间开始
15             console.time("数组拼接时间");
16             var arr = [];
17             for(var i=0;i<10000;i++){
18                 arr.push("<li>通过js创建的第"+(i+1)+"个数据</li>");
19             }
20             list.innerHTML = arr.join("");
21             // 计算运行时间结束
22             console.timeEnd("数组拼接时间");
23     }
24 
25 </script>
26 <body>
27 <ul id="list">
28 
29 </ul>
30 </body>
31 </html>