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 相关文章推荐
js 动态选中下拉框
Nov 26 Javascript
基于jQuery的左右滚动实现代码
Dec 03 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
js canvas实现QQ拨打电话特效
May 10 Javascript
vue中的ref和$refs的使用
Nov 22 Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
Jun 10 Javascript
vant 解决tab切换插件标题样式自定义的问题
Nov 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
php+mysql实现无限级分类 | 树型显示分类关系
2006/11/19 PHP
FireFox浏览器使用Javascript上传大文件
2013/10/30 PHP
php命名空间学习详解
2014/02/27 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
PHP 实现文件压缩解压操作的方法
2019/06/14 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
原生js获取left值和top值的三种方法
2017/08/02 Javascript
详解Vue+axios+Node+express实现文件上传(用户头像上传)
2018/08/10 Javascript
送你43道JS面试题(收藏)
2019/06/17 Javascript
vue 集成jTopo 处理方法
2019/08/07 Javascript
Ant Design的Table组件去除
2020/10/24 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
Python中的推导式使用详解
2015/06/03 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
python装饰器常见使用方法分析
2019/06/26 Python
python如何获取apk的packagename和activity
2020/01/10 Python
python中的测试框架
2020/11/13 Python
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
中科软测试工程师面试题
2012/06/16 面试题
党员公开承诺书和承诺事项
2014/03/25 职场文书
大学生活自我评价
2014/04/09 职场文书
我的小天地教学反思
2014/04/30 职场文书
关键在于落实心得体会
2014/09/03 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
超搞笑婚前保证书
2015/05/08 职场文书