快捷導(dǎo)航

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

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

今天小編就為大家分享一篇關(guān)于JavaScript查看代碼運(yùn)行效率console.time()與console.timeEnd()用法，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧

程序運(yùn)行時(shí)間計(jì)算：

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

<!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)化升級(jí)版
    //先創(chuàng)建數(shù)組，把節(jié)點(diǎn)追加到數(shù)組里，再把數(shù)組裁切
    //innerHTML只需解析1遍
    var list = document.getElementById('list');
    // 計(jì)算運(yùn)行時(shí)間開始
    console.time("數(shù)組拼接時(shí)間");
    var arr = [];
    for(var i=0;i<10000;i++){
      arr.push("<li>通過js創(chuàng)建的第"+(i+1)+"個(gè)數(shù)據(jù)</li>");
    }
    list.innerHTML = arr.join("");
    // 計(jì)算運(yùn)行時(shí)間結(jié)束
    console.timeEnd("數(shù)組拼接時(shí)間");
  }
</script>
</html>

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

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