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 相关文章推荐
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
用js实现的自定义的对话框的实现代码
Mar 21 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
jquery实现pager控件示例
Apr 09 Javascript
jQuery插件开发详细教程
Jun 06 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
JavaScript小技巧带你提升你的代码技能
Sep 15 Javascript
JS中如何优雅的使用async await详解
Oct 05 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
奇怪的PHP引用效率问题分析
2012/03/23 PHP
javascript vvorld 在线加密破解方法
2008/11/13 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
2015/09/25 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
2017/04/24 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
微信小程序模版渲染详解
2018/01/26 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
实现elementUI表单的全局验证的方法步骤
2019/04/29 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
jquery实现简单自动轮播图效果
2020/07/29 jQuery
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
Python语言实现将图片转化为html页面
2017/12/06 Python
Python中join函数简单代码示例
2018/01/09 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
Django 开发调试工具 Django-debug-toolbar使用详解
2019/07/23 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
人力资源管理专业应届生求职信
2013/09/28 职场文书
酒店保洁主管岗位职责
2013/11/28 职场文书
个人教师自我评价范文
2013/12/02 职场文书
黄金搭档广告词
2014/03/21 职场文书
会计岗位说明书
2014/07/29 职场文书
一年级数学下册复习计划
2015/01/17 职场文书
工作失误检讨书
2015/01/26 职场文书
工作推荐信模板
2015/03/25 职场文书
保送生自荐信范文
2015/03/26 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书