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弹出的对话窗口永远保持居中显示
Dec 15 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
Mar 22 Javascript
JQuery实现超链接鼠标提示效果的方法
Jun 10 Javascript
AngularJS select设置默认值的实现方法
Aug 25 Javascript
JavaScript使用FileReader实现图片上传预览效果
Mar 27 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
详解关于element级联选择器数据回显问题
Feb 20 Javascript
Vue 嵌套路由使用总结(推荐)
Jan 13 Javascript
基于Vue CSR的微前端实现方案实践
May 27 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 Javascript
在Vue中使用Select选择器拼接label的操作
Oct 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
关于手调机和数调机的选择
2021/03/02 无线电
使用 MySQL Date/Time 类型
2008/03/26 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
php中url函数介绍及使用示例
2014/02/13 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
2007/08/15 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
javascript自定义startWith()和endWith()的两种方法
2013/11/11 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
angularJs关于指令的一些冷门属性详解
2016/10/24 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
在Python程序中操作MySQL的基本方法
2015/07/29 Python
尝试用最短的Python代码来实现服务器和代理服务器
2016/06/23 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
python如何变换环境
2020/07/21 Python
Pycharm安装python库的方法
2020/11/24 Python
css3背景图片透明叠加属性cross-fade简介及用法实例
2013/01/08 HTML / CSS
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
军人违纪检讨书
2014/02/04 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
培训班通知
2015/04/25 职场文书
拥有这5个特征人,“命”都不会太差
2019/08/16 职场文书
Java使用jmeter进行压力测试
2021/07/09 Java/Android
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis
面试中老生常谈的MySQL问答集锦夯实基础
2022/03/13 MySQL