<strike id="ky82k"></strike>

<ul id="ky82k"></ul>

<fieldset id="ky82k"></fieldset>

點擊下載
本文文檔

當(dāng)前位置：首頁 - 科技 - 知識百科 - 正文

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

來源：懂視網(wǎng) 責(zé)編：小采時間：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格式

導(dǎo)讀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 () {
 //優(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>