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

 程序运行时间计算:

 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>

 

posted @ 2017-10-21 19:35  QinXiao.Shou  阅读(3754)  评论(0编辑  收藏  举报