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

來源：懂視網責編：小采時間：2020-11-27 22:01:52

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

JavaScript查看代碼運行效率console.time()與console.timeEnd()用法:程序運行時間計算：注意：測試代碼運行時間的話console.time()與console.timeEnd()要一起使用，這是一個組合；這兩個之間的代碼就是要運行測試程序的時間 <!DOCTYPE html> <html lang=en> <head> <

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript查看代碼運行效率console.time()與console.timeEnd()用法:程序運行時間計算：注意：測試代碼運行時間的話console.time()與console.timeEnd()要一起使用，這是一個組合；這兩個之間的代碼就是要運行測試程序的時間 <!DOCTYPE html> <html lang=en> <head> <

程序運行時間計算：

注意：測試代碼運行時間的話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 () {
 //優化升級版
 //先創建數組，把節點追加到數組里，再把數組裁切
 //innerHTML只需解析1遍
 var list = document.getElementById('list');
 // 計算運行時間開始
 console.time("數組拼接時間");
 var arr = [];
 for(var i=0;i<10000;i++){
 arr.push("<li>通過js創建的第"+(i+1)+"個數據</li>");
 }
 list.innerHTML = arr.join("");
 // 計算運行時間結束
 console.timeEnd("數組拼接時間");
 }
</script>
</html>

總結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推薦度：

點擊下載本文 文檔為doc格式

標簽： javascript 代碼運行 console

熱門焦點

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

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

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

最新推薦

猜你喜歡

熱門推薦