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 实例全解析
Apr 20 Javascript
浏览器打开层自动缓慢展开收缩实例代码
Jul 04 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
AngularJS中的过滤器filter用法完全解析
Apr 22 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
node.js实现上传文件功能
Jul 15 Javascript
vue中created和mounted的区别浅析
Aug 13 Javascript
微信小程序聊天功能的示例代码
Jan 13 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
配置支持SSI
2006/11/25 PHP
ThinkPHP 连接Oracle数据库的详细教程[全]
2012/07/16 PHP
php连接oracle数据库的核心步骤
2016/05/26 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
PHP设计模式之数据访问对象模式(DAO)原理与用法实例分析
2019/12/12 PHP
Javascript string 扩展库代码
2010/04/09 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
jquery弹出层类代码分享
2013/12/27 Javascript
Javascript判断图片尺寸大小实例分析
2014/06/16 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
javascript实现动态统计图开发实例
2015/11/21 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
javascript基本算法汇总
2016/03/09 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
2016/09/25 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
2017/06/04 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
node获取客户端ip功能简单示例
2019/08/24 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
Python编程之变量赋值操作实例分析
2017/07/24 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
python 实现查找文件并输出满足某一条件的数据项方法
2019/06/12 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
浅谈如何使用python抓取网页中的动态数据实现
2020/08/17 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
Python调用JavaScript代码的方法
2020/10/27 Python
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
2015年幼儿园教研活动总结
2015/03/25 职场文书
分享几个JavaScript运算符的使用技巧
2021/04/24 Javascript
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python