欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript查看代碼運行效率console.time()與console.timeEnd()用法

 更新時間：2019年01月18日 10:40:42   作者：muzidigbig  
今天小編就為大家分享一篇關于JavaScript查看代碼運行效率console.time()與console.timeEnd()用法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

程序運行時間計算：

注意：測試代碼運行時間的話console.time()與console.timeEnd()要一起使用，這是一個組合；這兩個之間的代碼就是要運行測試程序的時間

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <ul id="list">
  </ul>
</body>
<script>
  window.onload = function () {
    //優(yōu)化升級版
    //先創(chuàng)建數(shù)組，把節(jié)點追加到數(shù)組里，再把數(shù)組裁切
    //innerHTML只需解析1遍
    var list = document.getElementById('list');
    // 計算運行時間開始
    console.time("數(shù)組拼接時間");
    var arr = [];
    for(var i=0;i<10000;i++){
      arr.push("<li>通過js創(chuàng)建的第"+(i+1)+"個數(shù)據(jù)</li>");
    }
    list.innerHTML = arr.join("");
    // 計算運行時間結束
    console.timeEnd("數(shù)組拼接時間");
  }
</script>
</html>

總結

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內(nèi)容請查看下面相關鏈接

相關文章

最新評論