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 相关文章推荐
ExtJS 2.0实用简明教程 之ExtJS版的Hello
Apr 29 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
js判断字符长度以及中英文数字等
Dec 31 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
jQuery实现简单的文件上传进度条效果
Mar 26 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
详解node nvm进行node多版本管理
Oct 21 Javascript
vue基于mint-ui的城市选择3级联动的示例
Oct 25 Javascript
你不知道的 TypeScript 高级类型(小结)
Aug 28 Javascript
nestjs返回给前端数据格式的封装实现
Feb 22 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 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
Thinkphp自定义生成缩略图尺寸的方法
2019/08/05 PHP
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
Node.js中路径处理模块path详解
2016/11/14 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
vxe-table vue table 表格组件功能
2019/05/26 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
2020/04/07 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
Python实现批量把SVG格式转成png、pdf格式的代码分享
2014/08/21 Python
Python金融数据可视化汇总
2017/11/17 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Django 路由控制的实现代码
2018/11/08 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
深入了解Django View(视图系统)
2019/07/23 Python
Django实现网页分页功能
2019/10/31 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
linux面试题参考答案(6)
2014/08/29 面试题
工程造价专业大学生自荐信
2013/10/01 职场文书
项目采购员岗位职责
2014/04/15 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
付款委托书范本
2014/10/05 职场文书
中小学教师继续教育心得体会
2016/01/19 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
Python基础 括号()[]{}的详解
2021/11/07 Python
如何利用React实现图片识别App
2022/02/18 Javascript