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 相关文章推荐
JavaScript 数组的 uniq 方法
Jan 23 Javascript
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
JavaScript中创建对象和继承示例解读
Feb 12 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
Vue实现选择城市功能
May 27 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
微信小程序开发教程之增加mixin扩展
Aug 09 Javascript
Vue中的slot使用插槽分发内容的方法
Mar 01 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
vue vant Area组件使用详解
Dec 09 Javascript
微信小程序实现页面监听自定义组件的触发事件
Nov 01 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
example2.php
2006/10/09 PHP
php截取字符串函数分享
2015/02/02 PHP
PHP实现根据银行卡号判断银行
2015/04/29 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
PHP回调函数概念与用法实例分析
2017/11/03 PHP
Laravel框架表单验证操作实例分析
2019/09/30 PHP
js函数的引用, 关于内存的开销
2012/09/17 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
2012/12/07 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
2013/04/27 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
Web前端框架bootstrap实战【第一次接触使用】
2016/12/28 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
2019/04/09 Javascript
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
js实现滚动条自动滚动
2020/12/13 Javascript
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
OpenCV+Python识别车牌和字符分割的实现
2019/01/31 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
如何基于python实现脚本加密
2019/12/28 Python
python 常见的排序算法实现汇总
2020/08/21 Python
使用Python爬取小姐姐图片(beautifulsoup法)
2021/02/11 Python
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
纪律教育月活动总结
2014/08/26 职场文书
教师个人师德总结
2015/02/06 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书