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 Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
JS库之Highlight.js的用法详解
Sep 13 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
js循环map 获取所有的key和value的实现代码(json)
May 09 Javascript
vue slots 组件的组合/分发实例
Sep 06 Javascript
React 使用recharts实现散点地图的示例代码
Dec 07 Javascript
OpenLayers3实现测量功能
Sep 25 Javascript
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 Vue.js
javascript条件式访问属性和箭头函数介绍
Nov 17 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程序中的常见漏洞进行攻击
2006/10/09 PHP
linux下 C语言对 php 扩展
2008/12/14 PHP
php中将数组存到文件里的实现代码
2012/01/19 PHP
php读取torrent种子文件内容的方法(测试可用)
2016/05/03 PHP
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
vue3.0中使用postcss-pxtorem的具体方法
2019/11/20 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
python之yield表达式学习
2014/09/02 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Python切片操作实例分析
2018/03/16 Python
python使用生成器实现可迭代对象
2018/03/20 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
Python跳出多重循环的方法示例
2019/07/03 Python
在django中图片上传的格式校验及大小方法
2019/07/28 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
python实现经纬度采样的示例代码
2020/12/10 Python
爱普生美国官网:Epson美国
2018/11/05 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
保险专业大学生职业规划书
2014/03/03 职场文书
运动会加油口号
2014/06/07 职场文书
卫生院健康教育实施方案
2014/06/07 职场文书
建筑工地宣传标语
2014/06/18 职场文书
个人贷款收入证明
2014/10/26 职场文书
灵山大佛导游词
2015/02/04 职场文书
法律意见书范文
2015/05/20 职场文书
民间借贷借条范本
2015/05/25 职场文书
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python