第一种:

 let tOne = new Date().getTime();
let n = new Date();
let hour = n.getHours() < 10 ? "0" + n.getHours() : n.getHours();
let minute = n.getMinutes() < 10 ? "0" + n.getMinutes() : n.getMinutes();
let second = n.getSeconds() < 10 ? "0" + n.getSeconds() : n.getSeconds();
console.error(hour + ":" + minute + ":" + second); // 循环开始时间
let arr = new Array(50000);
// for (let i = 0; i < arr.length; i++) {
// console.log(i); //3.272 + 3.3 + 3.201 + 3.075 + 3.173
// }
let len = 0;
for (let i = 0, len = arr.length; i < len; i++) {
console.log(i); // 3.371 + 3.017 + 2.991 + 3.077 + 3.122
}
let tTwo = new Date().getTime();
let nn = new Date();
hour = nn.getHours() < 10 ? "0" + nn.getHours() : nn.getHours();
minute = nn.getMinutes() < 10 ? "0" + nn.getMinutes() : nn.getMinutes();
second = nn.getSeconds() < 10 ? "0" + nn.getSeconds() : nn.getSeconds();
console.error(hour + ":" + minute + ":" + second); // 循环结束时间
console.error("循环所用时间:" + (tTwo - tOne) / 1000 + "s"); // 循环用时

未执行For循环之前,获取一个时间tOne;循环结束时再获取一个时间tTwo;

结束时间 - 开始时间 = 所用时间

这里的循环,如果数据量比较大,最好用一个变量把数组的长度存起来,这样长度只计算一次,然后缓存了,速度会更快。

第二种:

console有.time和.timeEnd方法,可以来记录消耗的时间

  let arr = new Array(5000);
console.time("zhengshize");
let len = 0;
for (let i = 0, len = arr.length; i < len; i++) {
console.log(i);
}
console.timeEnd("zhengshize");

打印出来的效果是这样:

Javascript获取For循环所用时间的更多相关文章

  1. C#斐波那契数列求法(比较阶乘和循环所用时间)

    using System; namespace ConsoleApp3 { class Program { static void Main(string[] args) { Console.Writ ...

  2. JSP通过AJAX获取服务端的时间,在页面上自动更新

    1.在页面上引入js <head> <meta http-equiv="Content-Type" content="text/html; charse ...

  3. JavaScript取指定时区的时间

    // 北京是getZoneTime(8),纽约是getZoneTime(-5),班加罗尔是getZoneTime(5.5). 偏移值是本时区相对于格林尼治所在时区的时区差值 function getZ ...

  4. javascript 获取上一周的时间

    <script type="text/javascript" language="javascript"> //获取系统时间 var LSTR_nd ...

  5. html+css+javascript实现列表循环滚动示例代码

    使用html+css+javascript实现列表循环滚动,设置时间定时,在规定的时间内替换前一个节点的内容,具体示例如下,感兴趣的朋友可以参考下 说明:设置时间定时,在规定的时间内替换前一个节点的内 ...

  6. javascript 获取HTML DOM父、子、临近节点

    在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很 ...

  7. JavaScript获取HTML DOM节点元素详解(转)

    在Web运用程序特别是Web 2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要处理的疑问. 51CTO推荐阅读:JavaScript DOM文档 ...

  8. javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

    javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(i ...

  9. javascript特效实现(4)——当前时间和倒计时效果

    这个效果的实现关键是对Date对象和setTimeout的使用. 一共有三个例子,HTML结构如下,就不添加CSS样式了. <body> 当前时间:<p id="p1&qu ...

随机推荐

  1. NSObject 中执行Selector 的相关方法

    1. 对当前Run Loop中Selector Sources的取消 NSObject中的performSelector:withObject:afterDelay:方法将会在当前线程的Run Loo ...

  2. canvas+js画饼状图

    效果: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  3. shell-009:删除字母

    把一个文件里的前100行中有字母的行删除:再把101-200行的字母去掉 #!bin/bashsed '101.200s/[a-zA-Z]//g' filesed -n '1.100'p file | ...

  4. Django分页类的封装

    Django分页类的封装 Django ORM  封装 之前有提到(Django分页的实现)会多次用到分页,将分页功能封装起来能极大提高效率. 其实不是很难,就是将之前实现的代码全都放到类中,将需要用 ...

  5. linux 创建软链接和硬链接

    Linux 系统中有软链接和硬链接两种特殊的“文件”. 软链接可以看作是Windows中的快捷方式,可以让你快速链接到目标档案或目录. 硬链接则透过文件系统的inode来产生新档名,而不是产生新档案. ...

  6. AngularJs 指令实现选项卡

    HTML: <body ng-controller="Aaa"> <my-tab my-id="div1" my-data="dat ...

  7. centos6 vps部署rails

    centos 6 vps初始化部署rails应用1 ssh登录 vpsssh -p port root@server_ip_address 2 添加用户 adduser usernamepasswd ...

  8. erlang尾递归练习

    1 %%计算链表长度尾递归实现 2 lez(N) -> lez(N, 0). 3 4 lez([], Acc) -> Acc; 5 lez([_ | T], Acc) -> lez( ...

  9. python笔记04-----字典、元组、集合操作

    1.字典 是一种key-value的数据类型,使用就像字典 无序的因为无下标 创建一个字典: info = {     'stu1':'qq',     'stu2':'ww',     'stu3' ...

  10. 转载:怎么用eclipse开发C++程序(以后备用,待实现),使用CDT

    一:准备工作:需下载以下三个软件包 a).Eclipse 3.1 官方站点: http://www.eclipse.org 工具下载地址:http://www.eclipse.org/download ...