JavaScript查看代码运行效率console.time()与console.timeEnd()用法

2019-11-19 12:15:58

字体：大中小

来源：转载

供稿：网友

程序运行时间计算：

注意：测试代码运行时间的话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>