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代码
Jan 12 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
JavaScript实现随机替换图片的方法
Apr 16 Javascript
JavaScript中Date对象的常用方法示例
Oct 24 Javascript
javascript特殊日历控件分享
Mar 07 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
详谈javascript精度问题与调整
Jul 08 Javascript
javascript回调函数详解
Feb 06 Javascript
Vue从TodoList中学父子组件通信
Feb 05 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 09 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
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
php对gzip文件或者字符串解压实例参考
2008/07/25 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
php实现数字补零的方法总结
2018/09/12 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
JavaScript 学习笔记(四)
2009/12/31 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
Js日期选择器并自动加入到输入框中示例代码
2013/08/02 Javascript
用JavaScript实现类似于ListBox功能示例代码
2014/03/09 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
JavaScript开发人员的10个关键习惯小结
2014/12/05 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
shiro授权的实现原理
2017/09/21 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
对pandas处理json数据的方法详解
2019/02/08 Python
python如何删除文件中重复的字段
2019/07/16 Python
python中wx模块的具体使用方法
2020/05/15 Python
css3使网页、图片变成灰色兼容大多数浏览器
2014/07/02 HTML / CSS
大学生农村教师实习自我鉴定
2013/09/21 职场文书
历史专业毕业生的自我鉴定
2013/11/15 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python
详解thinkphp的Auth类认证
2021/05/28 PHP
python如何利用cv2模块读取显示保存图片
2021/06/04 Python
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技