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


Posted in Javascript onJanuary 18, 2019

程序运行时间计算:

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

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

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
ExtJs事件机制基本代码模型和流程解析
Oct 24 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
javascript中Array数组的迭代方法实例分析
Feb 04 Javascript
javascript解决IE6下hover问题的方法
Jul 28 Javascript
基于JavaScript实现生成名片、链接等二维码
Sep 20 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
May 09 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 #Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 #jQuery
vue.js实现的幻灯片功能示例
Jan 18 #Javascript
vue ssr 实现方式(学习笔记)
Jan 18 #Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 #Javascript
jquery的$().each和$.each的区别
Jan 18 #jQuery
使用form-create动态生成vue自定义组件和嵌套表单组件
Jan 18 #Javascript
You might like
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
微信小程序 template模板详解及实例代码
2017/03/09 Javascript
详解JavaScript中return的用法
2017/05/08 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
详解Vue2.0组件的继承与扩展
2018/11/23 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
浅谈如何优雅处理JavaScript异步错误
2019/11/12 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
Python网络爬虫实例讲解
2016/04/28 Python
python3.4.3下逐行读入txt文本并去重的方法
2018/04/29 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
numpy中三维数组中加入元素后的位置详解
2019/11/28 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
matplotlib教程——强大的python作图工具库
2020/10/15 Python
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
团员的自我评价
2013/12/01 职场文书
作文评语大全
2014/04/23 职场文书
授权委托书怎么写
2014/09/25 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
2015年党风廉政建设目标责任书
2015/05/08 职场文书
毕业生政审意见范文
2015/06/04 职场文书
导游词之青城山景区
2019/09/27 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
python turtle绘图
2022/05/04 Python
SQL Server中的游标介绍
2022/05/20 SQL Server