js 计算，显示运行时间

最新推荐文章于 2023-11-22 08:16:08 发布
原创 最新推荐文章于 2023-11-22 08:16:08 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#date

本文介绍了一种使用JavaScript来测量代码执行时间的方法。通过定义start_time和finish_time变量，并利用Date对象获取时间戳，实现了毫秒级精度的时间测量。此外，还提供了显示运行时间的两种方式：页面展示和弹窗提示。
<script language="javascript">
//usage
/*
//start
RunTime("s");
//your code
//end
RunTime("f");

*/
var start_time;
var finish_time;
function RunTime(flag,show_id){
    if (flag == "start" || flag == "s"){
        start_time = new Date();
    }else if (flag == "finish" || flag == "f" || flag == "end"){
        finish_time = new Date();
        var mms = finish_time.getTime() - start_time.getTime();
        var ms = mms/1000;
        var m = parseInt(ms/60);
        var s = parseInt(ms%60);       
        var show = mms + " ms" + "<br>" + ms + " seconds <br>" + m + " minutes " + s + " seconds";
        var show_alert = mms + " ms /n" + ms + " seconds /n" + m + " minutes " + s + " seconds";
        if (typeof show_id != "undefined")
            document.getElementById(show_id).innerHTML = show;
        else alert(show_alert);
    }
}
</script>
测试 js 方法运行时间
kerryqpw的博客
05-22 3402
测试 js 方法运行时间 function testFunctionTime(fn) { 　　var start = new Date().getTime(); 　　if (fn) fn(); 　　var end = new Date().getTime(); 　　console.log(end-start); } 但当遇上 ajax 和 img.onload 的时候那就很尴尬了...
通过原生JS来创建一个网站运行时间计时
永远无法捕捉的指针的博客
07-14 1398
javascript代码： function runtime(startTime){ var endTime = new Date(startTime); var nowTime = new Date(); var t = nowTime.getTime() - endTime.getTime(); var d=Math.floor(t/1000/60/60
JS动态获取运行时间代码
05-26
一个使用JS动态获取网页运行时间的代码
JavaScript中的运行时间统计方法
weixin_42657666的博客
06-30 7406
使用 Date 对象可以获得代码的执行时间，但精度较低。console.time() 和 console.timeEnd() 方法提供了毫秒级精确度，并适用于简单的计时需求。performance.now() 提供了更高精度的时间戳，并允许我们测量多个时间片段的执行时间。
js计算时间过去的时间
10-30
这个标题和描述提及的“js计算时间过去的时间”是指利用JavaScript来获取某个特定时刻距离现在的时间差，并将其显示出来。我们可以使用JavaScript的内置Date对象以及相关的函数来实现这个功能。 首先，让我们了解...
javaScript实现世界各地时间显示
10-14
在本文中，我们将探讨如何使用JavaScript实现世界各地时间的显示。这个功能可以帮助用户了解不同地区的当前时间，这对于国际化的网站或应用尤其有用。 首先，我们需要在HTML中创建一个布局，用于显示各个城市的时钟...
JS简单测试循环运行时间的方法
10-21
通常，for循环会显示出最短的运行时间，其次是forEach循环，for...in循环可能会最长。不过，实际的性能差异可能会受到许多因素的影响，例如浏览器的实现、引擎优化、其他运行中的脚本以及系统的总体负载。 了解这些...
JS计算网页停留时间代码
10-26
以上知识点涵盖了JS计算网页停留时间代码实现的各个方面，从网页结构设计到JavaScript时间计算逻辑的实现。对于希望在网页上实现类似功能的开发者来说，这些知识是非常实用的。需要注意的是，在实际开发中，应确保...
JS计算代码执行时间三大方法
lplovewjm的博客
11-22 4553
如果你想看到自己写的某段Js代码到底执行了多久，想要判断或者获取它们的执行时间，那么可以通过以下三种方法进行获取zhixing和调用，那么好，本文正式开始。
用javascript显示页面某功能执行时间
冷月宫主的专栏
09-07 534
function aa(){       var begintime=(new Date()).getTime();       alert(" ");       var endtime=(new Date()).getTime();       alert(
js查看代码的运行时间
ing的博客
06-09 1315
console.time('global') //要执行的代码放中间 console.timeEnd('global')
javascript程序运行时间
m0_62349819的博客
07-27 5860
JavaScript程序运行时间检测的俩种方式
js 计算程序运行时间
weixin_43297321的博客
02-07 2165
思路：用Date类的getTime()方法获取时间戳，程序运行时间===程序结束时时间戳-程序开始时时间戳。 var dateManager = { date: {}, num: 0, start: function () { // 对象的方法中，如果调用了该对象的属性，就需要使用this this.num++; // dat...
js 一个程序运行的时间计算
weixin_30274627的博客
12-24 308
js 一个程序运行的时间计算 console.time(timeName) console.timeEnd(timeName) MDN 释义 你可以启动一个计时器（timer）来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行10,000个计时器。 当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过...
js 代码运行时间
Shaoyouiqng的博客
06-01 386
很多的时候我们可以通过测试代码的运行性能就经常会去测试他的响应时间 在开头用console.time() 在结尾用console.timeEnd()、 输入结果如下： 当然我们可以给他设置标识 在开头用console.time(‘OBJ’) 在结尾用console.timeEnd('OBJ')、 输入结果如下： ...
js 运行时间计算
qq_38063979的博客
09-03 3110
话不多说直接上代码 var cur_time = new Date(); var old_time = new Date('2021-07-01 08:30:00'); var difftime = (cur_time - old_time) / 1000; //秒 var days = parseInt(difftime / 86400); //天 24*60*60*1000 var hours = parseInt(difftime / 3600) - 24 * days; // 小时
计算某段js代码执行的时间
喵喵的博客
06-12 3927
consolo.time(’’) 设置一个秒表：必须命名可设置多个秒表 consolo.time('a') //要计算的执行时间代码写到中间 consolo.timeEnd('a') //例子 console.time('abc'); for (var i = 0; i < 100000000; i++) {}; console.timeEnd('abc'); ...
JS获取运行时间
敬故的博客
05-26 888
此后省略好多好多内容...
用HTML计算网站运行时间
最新发布
11-09
在 HTML 中计算网站运行时间，主要借助 JavaScript 来实现。以下是具体的实现步骤和示例代码： 首先，在 HTML 文件里添加一个用于显示网站运行时间的元素，接着使用 JavaScript 计算从网站创建时间到当前时间的差值，再把这个差值转换为天、小时、分钟和秒，最后将结果显示在页面上。 以下是示例代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网站运行时间</title> </head> <body> <!-- 用于显示网站运行时间的元素 --> <span id="runtime_span"></span> <script> function show_runtime() { // 设置网站创建时间 let X = new Date("11/1/2025 20:00:00"); let Y = new Date(); // 计算时间差（毫秒） let T = (Y.getTime() - X.getTime()); let days = Math.floor(T / (24 * 60 * 60 * 1000)); let hours = Math.floor((T % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000)); let minutes = Math.floor((T % (60 * 60 * 1000)) / (60 * 1000)); let seconds = Math.floor((T % (60 * 1000)) / 1000); let runtime_span = document.getElementById('runtime_span'); runtime_span.innerHTML = "本站已经运行: " + days + " 天 " + hours + " 小时 " + minutes + " 分 " + seconds + " 秒"; // 每秒更新一次显示 setTimeout(show_runtime, 1000); } // 开始显示运行时间 show_runtime(); </script> </body> </html> ``` 在上述代码中，`show_runtime` 函数会计算从网站创建时间到当前时间的时间差，然后将其转换为天、小时、分钟和秒，并把结果显示在 `runtime_span` 元素里。`setTimeout` 函数会每秒调用一次 `show_runtime` 函数，以此来实时更新网站运行时间的显示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值