JavaScript查看代碼運(yùn)行效率console.time()與console.timeEnd()用法
更新時間：2019年01月18日 10:40:42 作者：muzidigbig
今天小編就為大家分享一篇關(guān)于JavaScript查看代碼運(yùn)行效率console.time()與console.timeEnd()用法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
程序運(yùn)行時間計(jì)算：
注意：測試代碼運(yùn)行時間的話console.time()與console.timeEnd()要一起使用，這是一個組合；這兩個之間的代碼就是要運(yùn)行測試程序的時間
<!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é)點(diǎn)追加到數(shù)組里，再把數(shù)組裁切
//innerHTML只需解析1遍
var list = document.getElementById('list');
// 計(jì)算運(yùn)行時間開始
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("");
// 計(jì)算運(yùn)行時間結(jié)束
console.timeEnd("數(shù)組拼接時間");
}
</script>
</html>
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
這篇文章主要給大家介紹了d3.js中強(qiáng)制異步文件讀取同步的幾種方法，文中給出了詳細(xì)的介紹和解決方法，對大家具有一定的參考價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-02-02
JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法
這篇文章主要介紹了JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法,需要的朋友可以參考下2018-07-07
本篇文章主要是對Script標(biāo)簽與訪問HTML頁面進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
uniApp實(shí)現(xiàn)熱更新的思路與詳細(xì)過程
經(jīng)常在做app的時候,會有做熱更新的需求,這也是常用的更新app的一種手段,下面這篇文章主要給大家介紹了關(guān)于uniApp實(shí)現(xiàn)熱更新的思路與詳細(xì)過程,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
微信小程序中的店鋪評分組件及vue中用svg實(shí)現(xiàn)的評分顯示組件
這篇文章主要介紹了微信小程序之店鋪評分組件及vue中用svg實(shí)現(xiàn)的評分顯示組件，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
javascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄猨avascript十六進(jìn)制數(shù)字和ASCII字符之間的轉(zhuǎn)換方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
javascript 具名函數(shù)的四種調(diào)用方式 推薦
看四種方式執(zhí)行結(jié)果沒有區(qū)別。但如果函數(shù)有返回值的話，用new方式調(diào)用時可能會讓你有些失望。2009-07-07
ES6 Generator函數(shù)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Generator函數(shù)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6 Generator函數(shù)異步操作與異常捕獲相關(guān)使用技巧,需要的朋友可以參考下2019-06-06
js全屏事件fullscreenchange 實(shí)現(xiàn)全屏、退出全屏操作
這篇文章主要為大家詳細(xì)介紹了js全屏事件fullscreenchange，實(shí)現(xiàn)全屏、退出全屏操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
Electron 隱藏頂部菜單功能實(shí)現(xiàn)
本文介紹了如何在Electron應(yīng)用中隱藏頂部菜單,具體方法是在main.js文件中添加一行代碼,這是一個簡單有效的技巧,適用于需要簡化界面的Electron應(yīng)用2024-09-09