JavaScript中的console.time()函数详细介绍
如果需要在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/
相关文章
BootStrap daterangepicker 双日历控件
这篇文章主要介绍了BootStrap daterangepicker 双日历控件,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-06-06
在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。这篇文章主要介绍了Bootstrap 网格系统布局,需要的朋友可以参考下2017-03-03
有时候我们需要在新窗口执行一些代码并讲求将执行的结果返回到这个页面，那么就需要下面的方法，js常用的就是下面这中方法。2010-12-12
这篇文章主要介绍了CocosCreator制作射击游戏，各个方面都讲的比较详细，希望同学们自己动手试一下2021-04-04
本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。2010-08-08
这篇文章主要给大家介绍了关于如何在JS中如何使用css变量以及export之javascript关键字的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2021-09-09
使用js获取cookie或许你会，但是要获取指定cookie，你会吗？下面有个不错的示例，大家可以参考下2014-02-02
这篇文章主要介绍了JavaScript事件循环同步任务与异步任务，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下2022-07-07
在ES6中新增了函数的简写方式----箭头函数，箭头函数的出现不仅简化了大量代码，也让代码看起来更加优雅，同时也解决了this指向问题，下面我们就来详细讲解如何玩转箭头函数2022-09-09
本文详细介绍了html嵌入javascript代码的三种主要方式：脚本块的方式、引入外部独立的.js文件、事件句柄是以html标签的属性存在的，有感兴趣了解的同学可以借鉴阅读2023-03-03
最新评论