快捷導(dǎo)航

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

更新時間：2019年01月18日 10:40:42 作者：muzidigbig

今天小編就為大家分享一篇關(guān)于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("");
    // 計算運行時間結(jié)束
    console.timeEnd("數(shù)組拼接時間");
  }
</script>
</html>

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

window.open關(guān)于瀏覽器攔截問題分析及解決方法
window.open是javascript函數(shù)，該函數(shù)的作用是打開一個新窗口或這改變原來的窗口,如果你直接在js中調(diào)用window.open()函數(shù)去打開一個新窗口，瀏覽器會攔截你,那么如何避免呢，感興趣的朋友可以了解下本文或許對你學(xué)習(xí)有所幫助
2013-02-02
重構(gòu)Javascript代碼示例(重構(gòu)前后對比)
回顧頭來看看那些Javascript腳本，有寫得不太理想，過于復(fù)雜?，F(xiàn)抽取出來，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的
2013-01-01
如何判斷Javascript對象是否存在的簡單實例
下面小編就為大家?guī)硪黄绾闻袛郕avascript對象是否存在的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
IE中直接運行顯示當(dāng)前網(wǎng)頁中的圖片推薦
IE中直接運行顯示當(dāng)前網(wǎng)頁中的圖片推薦...
2006-08-08
js調(diào)出上下文菜單的實例
這篇文章主要介紹了js調(diào)出上下文菜單的實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-12-12
使用fileReader的一個坑及解決
這篇文章主要介紹了使用fileReader的一個坑及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2021-12-12
一文詳解Electron 電源狀態(tài)管理
這篇文章主要為大家介紹了Electron 電源狀態(tài)管理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
微信小程序?qū)崿F(xiàn)電子簽名
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)電子簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-06-06
javascript表單驗證大全
JavaScript是用來在數(shù)據(jù)被傳輸?shù)椒?wù)前對html表單中輸入的數(shù)據(jù)進行驗證，使用javascript對用戶輸入的信息進行驗證是項目必須的，下面小編給大家整理一些比較常用的javascript表單驗證，需要的朋友可以參考下
2015-08-08
javascript iframe中打開文件,并檢測iframe存在否
從iframe中打開文件,并檢測iframe存在否如果說只是檢測頁面存在否,直接設(shè)置target用偽協(xié)議就可以解決了...
2008-12-12