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中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
用js实现预览待上传的本地图片
Mar 15 Javascript
编程语言JavaScript简介
Oct 16 Javascript
jquery实现动态画圆
Dec 04 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
vue.js开发环境安装教程
Mar 17 Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 Javascript
JS验证码实现代码
Sep 14 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
JS+DIV实现拖动效果
Feb 11 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 数据结构 算法 三元组 Triplet
2011/07/02 PHP
php的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
PHP的PSR规范中文版
2013/09/28 PHP
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
js获取浏览器和屏幕的各种宽度高度
2017/02/22 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
使用JavaScript破解web
2018/09/28 Javascript
mocha的时序规则讲解
2019/02/16 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
基于Python代码编辑器的选用(详解)
2017/09/13 Python
python中单下划线_的常见用法总结
2018/07/10 Python
Django Admin后台模型列表页面如何添加自定义操作按钮
2020/11/11 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
巴西最大的运动品牌:Olympikus
2020/07/14 全球购物
药学专业个人的自我评价
2013/12/31 职场文书
大众服装店创业计划书范文
2014/01/01 职场文书
关于赌博的检讨书
2014/01/24 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
网吧员工管理制度
2015/08/05 职场文书
趣味运动会口号
2015/12/24 职场文书
Python基础之Socket通信原理
2021/04/22 Python
python入门之算法学习
2021/04/22 Python
详解Go与PHP的语法对比
2021/05/29 PHP