程序運行時間計算:
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>