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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM