JavaScript中的console.time()函数详细介绍


Posted in Javascript onDecember 29, 2014

如果需要在Web调试过程中知道代码执行的时间,那么可以通过在JavaScript代码中添加console.time()语句和console.timeEnd()语句来对程序的执行进行计时。以下面这个耗时较长的foo()函数为例:

function foo(){

    var x = 4.237;

    var y = 0;

    for (var i=0; i<100000000; i++) {

        y = y + x*x;

    }

    return y;

}

如果需要知道函数执行过程中消耗了多长时间,可以在foo()函数调用之前插入console.time()语句,在其调用结束后插入console.timeEnd()语句:

console.time("test");

foo();

console.timeEnd("test");

程序执行完毕后,控制台会显示此次计时的结果:”test: 1797ms”,显示的日志级别为info。

console.time()和console.timeEnd()接受一个字符串作为参数,该字符串相当于计时的id。浏览器会将拥有相同参数(id)的console.time()与console.timeEnd()进行配对,记录两者之间的时间差。因此,可以通过使用不同的id来对JavaScript程序中不同的地方进行计时。

浏览器支持

对于各个浏览器,console.time()计时的支持情况如下:

Firefox。10.0后原生支持。对于之前版本的Firefox,可以通过安装Firebug插件来实现。详见:https://developer.mozilla.org/en-US/docs/Web/API/console.time?redirectlocale=en-US&redirectslug=DOM%2Fconsole.time
Google Chrome。2.0后原生支持。详见:https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel
IE。IE11中原生支持。对于之前版本的IE,可以通过安装Firebug Lite来实现。详见:http://msdn.microsoft.com/en-us/library/ie/dn265071%28v=vs.85%29.aspx
Safari。4.0后原生支持。详见:https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html
Opera。支持。详见:http://www.opera.com/dragonfly/documentation/console/

Javascript 相关文章推荐
JS中剪贴板兼容性、判断复制成功或失败
Mar 09 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 Javascript
js获取会话框prompt的返回值的方法
Jan 10 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
Angularjs处理页面闪烁的解决方法
Mar 09 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
Nov 03 Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 #Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 #Javascript
浅谈重写window对象的方法
Dec 29 #Javascript
JavaScript中的console.log()函数详细介绍
Dec 29 #Javascript
深入分析原生JavaScript事件
Dec 29 #Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 #Javascript
JavaScript实现三阶幻方算法谜题解答
Dec 29 #Javascript
You might like
新版PHP将向Java靠拢
2006/10/09 PHP
PHP中的日期处理方法集锦
2007/01/02 PHP
利用PHP制作简单的内容采集器的代码
2007/11/28 PHP
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
JS字符串函数扩展代码
2011/09/13 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
2013/04/07 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
javascript的列表切换【实现代码】
2016/05/03 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
2016/07/18 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
整理一些最近经常遇到的前端面试题
2017/04/25 Javascript
vue-i18n结合Element-ui的配置方法
2019/05/20 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
最大K个数问题的Python版解法总结
2016/06/16 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
python中print()函数的“,”与java中System.out.print()函数中的“+”功能详解
2017/11/24 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
python自动下载图片的方法示例
2020/03/25 Python
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
波兰在线运动商店:YesSport
2020/07/23 全球购物
应用艺术毕业生的自我评价
2013/12/04 职场文书
安全生产责任书
2014/03/12 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
护士实习自荐信
2015/03/06 职场文书
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP