JavaScript查看代码运行效率console.time()与console.timeEnd()用法
更新时间：2019年01月18日 10:40:42 作者：muzidigbig
今天小编就为大家分享一篇关于JavaScript查看代码运行效率console.time()与console.timeEnd()用法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
程序运行时间计算：
注意：测试代码运行时间的话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>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
相关文章
window.open是javascript函数，该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口，浏览器会拦截你,那么如何避免呢，感兴趣的朋友可以了解下本文或许对你学习有所帮助2013-02-02
回顾头来看看那些Javascript脚本，有写得不太理想，过于复杂。现抽取出来，重构它们,想学习javascript重构的朋友可以参考下啊，网本文可以帮助你的2013-01-01
下面小编就为大家带来一篇如何判断Javascript对象是否存在的简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
IE中直接运行显示当前网页中的图片 推荐...2006-08-08
这篇文章主要介绍了js调出上下文菜单的实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了使用fileReader的一个坑及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-12-12
这篇文章主要为大家介绍了Electron 电源状态管理示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要为大家详细介绍了微信小程序实现电子签名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
JavaScript是用来在数据被传输到服务前对html表单中输入的数据进行验证，使用javascript对用户输入的信息进行验证是项目必须的，下面小编给大家整理一些比较常用的javascript表单验证，需要的朋友可以参考下2015-08-08
javascript iframe中打开文件,并检测iframe存在否
从iframe中打开文件,并检测iframe存在否如果说只是检测页面存在否,直接设置target用伪协议就可以解决了...2008-12-12
最新评论