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的Cookies
Jan 16 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
Echarts.js无法引入问题解决方案
Oct 30 Javascript
JavaScript动态生成表格的示例
Nov 02 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
Linux下将excel数据导入到mssql数据库中的方法
2010/02/08 PHP
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
php中rename函数用法分析
2014/11/15 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
mouse_on_title.js
2006/08/25 Javascript
js一组验证函数
2008/12/20 Javascript
javascript globalStorage类代码
2009/06/04 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
2015/11/30 Javascript
使用D3.js制作图表详解
2017/08/13 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
基于vue中keep-alive缓存问题的解决方法
2018/09/21 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
Python脚本暴力破解栅栏密码
2015/10/19 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
python爬虫 使用真实浏览器打开网页的两种方法总结
2018/04/21 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
String是最基本的数据类型吗?
2013/06/13 面试题
大学生职业生涯规划书模板
2014/01/18 职场文书
买房委托公证书
2014/04/08 职场文书
管理失职检讨书范文
2015/05/05 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
学雷锋广播稿大全
2015/08/19 职场文书