第一种:

 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. 架构师养成记--31.Redis的几种类型

    String类型 Redis一共分为五种基本数据类型:String.Hash.List.Set.ZSet String类型是包含很多张类型的特殊类型,并且是二进制安全的.比如对序列化的对象进行存储,比 ...

  2. 2016级算法期末上机-B.简单·ModricWang's Fight with DDLs I

    1124 ModricWang's Fight with DDLs I 思路 这道题本质上就是一个多项式求值,题目中的n需要手动算一下,单位复根可以根据复数的性质来求,即\(e^{i\pi}+1=0\ ...

  3. Luogu P1342 请柬 题解

    差不多是Dijkstra的裸题吧... 这道题可以分为来回两个阶段. 去的时候很简单,直接用一次Dijkstra,然后统计答案. 回来的时候就有些巧妙了,虽然表面上是每个点回到起点,但是何尝不可将其看 ...

  4. python全栈开发学习_内容目录及链接

    python全栈开发学习_day1_计算机五大组成部分及操作系统 python全栈开发学习_day2_语言种类及变量 python全栈开发_day3_数据类型,输入输出及运算符 python全栈开发_ ...

  5. error occurred during initialization of vm

    虚拟机无法进行如下分配 : -Xmx2048m -XX:MaxPermSize=512m 原因是我的老爷机总共内存只有3G: settings - > 搜索VM ->找到Compiler ...

  6. c# 操作excle[转]

    //引用Microsoft.Office.Interop.Excel.dll文件 //添加using using Microsoft.Office.Interop.Excel; using Excel ...

  7. Mac下的裁剪快捷键

    按[Command]+[C]复制文件,然后按[Command]+[Option]+[V]. 注意:[Command]+[X]只能剪切文字文本.

  8. SpringBoot项目中加入jsp页面

    根据我们之前搭建好的SpringBoot+SSm的项目的基础上,来增加webapp/WEB-INF的文件,由此来完成jsp页面的跳转. 先增加jsp的pom依赖: <!-- https://mv ...

  9. Scala IDEA for Eclipse里用maven来创建scala和java项目代码环境(图文详解)

    这篇博客 是在Scala IDEA for Eclipse里手动创建scala代码编写环境. Scala IDE for Eclipse的下载.安装和WordCount的初步使用(本地模式和集群模式) ...

  10. js empty() vs remove()

    转自:jQuery empty() vs remove() empty() will remove all the contents of the selection. remove() will r ...