【JS】performance.now 方法（类似于Date.now）

文章目录

回顾 Date.now()
了解 performance.now()

performance.now：是浏览器(Web API)提供的方法，不同浏览器获取到的精度不同。

Date.now：是Javascript内置方法，差异主要在于浏览器遵循的ECMAScript规范。

回顾 Date.now()

Date.now() ：返回自 1970 年 1 月 1 日 00:00:00 (UTC) 到当前时间的毫秒数
Date.now() 约等于 performance.timing.navigationStart + performance.now()

let start = Date.now();
// 调用一个耗时间的循环
for (let i = 0; i < 100000; i++) {let doSomething = i * i;
}
let end = Date.now()// 从格兰威特时间到至今（循环开始前）的时间戳
console.log('开始时间：', start);   // 1666781986873
console.log('结束时间：', end);     // 1666781986873
// 以毫秒计的运行时长
console.log('运行时长：',end - start)   // 0 毫秒

了解 performance.now()

注意：performance.now 虽然是基于毫秒精度的时间，但是能精确到微秒级别，其数值的小数部分代表了一个毫秒的小数（也就是微秒）

如果浏览器不能提供精确到微秒的时间值 (例如，由于硬件或软件的限制)，那么他们只能精确到毫秒。

Date.now()：返回的时间戳没有被限制在一毫秒的精确度内，小于 1ms 的测试不出来结果。
performance.now()：返回的时间戳以双精度浮点数 double 的形式表示时间，精度最高可达微秒级。

let start = performance.now();
// 调用一个耗时间的循环
for (let i = 0; i < 100000; i++) {let doSomething = i * i;
}
let end = performance.now()// 返回的时间戳，是自创建上下文以来经过的时间，跟打开网页的时间有关，但是这不是绝对的。
// 如果返回的值是178764.00000002384185791 这类的，这种的会被处理为 178764
console.log('开始时间：', start);   // 178764
console.log('结束时间：', end);     // 178764.10000002384
// 以毫秒计的运行时长
console.log('运行时长：',end - start)   // 0.10000002384185791 毫秒

扩展：1s =1000ms(毫秒) = 1000000(微秒)，即1毫秒 = 1000微秒

【JS】performance.now 方法（类似于Date.now）相关推荐

js中text方法是啥意识_一盏茶的时间，快速捕获JS中常用的方法（细心整理，持续更新ing）...
不知不觉上班一周辽-趁着大好周末,小编挣扎着从床上爬起来,决定对前端日常编程中常用到的一些方法做一个系统的整合. 有些人或许会觉得忘了百度就完事儿,no no no!这事儿小编真的亲践过好多次,百度一 ...
Node.js与Sails~方法拦截器policies
policies sails的方法拦截器类似于.net mvc里的Filter,即它可以作用在controller的action上,在服务器响应指定action之前,对这个action进行拦截,先执行 ...
js中获取时间new date()的用法
获取时间: var myDate = new Date();//获取系统当前时间获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFul ...
JS常用属性方法大全
JS常用属性方法大全 1.输出语句:document.write(""); 2.JS中的注释为: 3.传统的HTML文档顺序是:document->html->(hea ...
面试官问：能否模拟实现JS的bind方法（高频考点）
可以点击上方的话题JS基础系列,查看往期文章写于2018年11月21日,发布在掘金阅读量1.3w+ 前言这是面试官问系列的第二篇,旨在帮助读者提升JS基础知识,包含new.call.apply.t ...
js 操作cookies 方法
js 操作cookies 方法var str=""; //JS操作cookies方法! //Expires 设置Cookie的有效期限 //Domain 添加域名限制 //Path ...
html5-svg和Two.js的使用方法（附案例）
* svg * 基本内容 * SVG不属于HTML5专用内容 * HTML5提供有关SVG原生的内容 * 在HTML5出现之前,就有SVG内容 * SVG简单来说就是矢量图 * SVG文件扩展名为&q ...
原生js调用json方法
原文链接 Ajax基础 ajax:无刷新数据读取,读取服务器上的信息 HTTP请求方法: GET:用于获取数据,如浏览帖子 ajax.judgeXmlHttpRequest('get', 'index ...
【JS教程】100+常用JS函数（方法）
为什么80%的码农都做不了架构师?>>> 100+常用JS函数(方法) 1. document.write("");为输出语句 2. JS中的注释为// ...

【JS】performance.now 方法（类似于Date.now）

文章目录

回顾 Date.now()

了解 performance.now()

【JS】performance.now 方法（类似于Date.now）相关推荐

最新文章

热门文章