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 面向对象编程基础:封装
Aug 21 Javascript
使用ExtJS技术实现的拖动树结点
Aug 05 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
JS获取短信验证码倒计时的实现代码
May 22 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 Javascript
js校验开始时间和结束时间
May 26 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
vue中h5端打开app(判断是安卓还是苹果)
Feb 26 Vue.js
如何解决.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
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
深入理解PHP之require/include顺序 推荐
2011/01/02 PHP
php实现猴子选大王问题算法实例
2015/04/20 PHP
总结对比php中的多种序列化
2016/08/28 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
dojo 之基础篇(二)之从服务器读取数据
2007/03/24 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
xmlplus组件设计系列之树(Tree)(9)
2017/05/02 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
2019/05/26 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
Python实现XML文件解析的示例代码
2018/02/05 Python
Python中str.join()简单用法示例
2018/03/20 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
python实现简单多人聊天室
2018/12/11 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
Python短信轰炸的代码
2020/03/25 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
中国电视购物:快乐购
2017/02/04 全球购物
大学同学聚会邀请函
2014/01/29 职场文书
新闻专业学生的自我评价
2014/02/13 职场文书
乡镇办公室工作决心书
2014/03/11 职场文书
公民授权委托书范本
2014/09/17 职场文书
小学运动会入场词
2015/07/18 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
opencv读取视频并保存图像的方法
2021/06/04 Python
MySQL的存储过程和相关函数
2022/04/26 MySQL