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 Chart 插件整理
Jun 18 Javascript
jquery和ajax的关系详细介绍
Nov 29 Javascript
jQuery实现菜单式图片滑动切换
Mar 14 Javascript
js判断上传文件后缀名是否合法
Jan 28 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
浅谈Vue的基本应用
Dec 27 Javascript
echarts3 使用总结(绘制各种图表,地图)
Jan 05 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
JS闭包的几种常见形式实例详解
Sep 16 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 Javascript
koa socket即时通讯的示例代码
Sep 07 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
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
JS控制表格隔行变色
2006/06/26 Javascript
javascript 打开页面window.location和window.open的区别
2010/03/17 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
2013/07/22 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
python pygame实现五子棋小游戏
2020/10/26 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
Python中zip函数如何使用
2020/06/04 Python
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
DBA数据库管理员JAVA程序员架构师必看
2016/02/07 面试题
水利学院求职自荐书
2014/02/01 职场文书
关于期中考试的反思
2014/02/02 职场文书
暑期社会实践方案
2014/02/05 职场文书
《临死前的严监生》教学反思
2014/02/13 职场文书
团日活动总结怎么写
2014/06/25 职场文书
双拥工作宣传标语
2014/06/26 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书
婚庆公司开业主持词
2015/06/30 职场文书
简单了解 MySQL 中相关的锁
2021/05/25 MySQL