欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

JavaScript网页加载耗时统计功能代码分享

js教程 我的站长站 2023-10-15 共96人阅读

有没有见过人家网站底部有一个网页加载耗时统计功能,如下图:

JavaScript网页加载耗时统计功能代码分享

可以统计网站打开加载完成共用了多少秒,看着是不是很专业的感觉,其实这个功能非常的简单。只需要利用 JS 计算出加载页面所用的时间,然后显示就可以了。

操作方法

1、在网站页面 Head 加入初始时间的js代码

<script language=javascript> 
var t1 = new Date().getTime();
</script>

2、在 Body 页加入以下代码

<SCRIPT LANGUAGE="JavaScript"> 
window.onload = function()
{
document.getElementById("TimeShow").innerHTML =
"加载耗时  "+ (new Date().getTime()-t1) +" ms ";
}
</SCRIPT>

3、最后在需要显示的地方加入以下代码

<div id="TimeShow"></div>

个人觉得在底部最合适。

相关推荐
  • JavaScript语法
  • JavaScript ES6-11版本语法大全教程
    JavaScript ES6-11版本语法大全教程

    视频教程说明JavaScript ES6-11版本语法大全教程,共77课时,淘宝购买免费分享给大家。JavaScript ES6教程截图课程列表9-7 空值合并运算符:Nullish coalescing Operator_.mp49-6 可选链:Optional chai...

    视频教程 64 3年前
  • javascript制作随机样式标签云方法
    javascript制作随机样式标签云方法

    我的站长站分享一段超简单的javascript随机样式标签云方法,比网上那些长篇大论的简单好理解多了,一看就懂,效果如下。JS代码$(".tags a").each(function(){var x = 5;var y = 9;var rand = parseInt...

    js教程 90 4年前
  • JavaScript优雅地修改对象属性名

    在项目开发中总会需要对对象进行格式化以便处理,这其中就涉及到了修改对象的属性名,也就是对象键名的修改。比如在处理下面这个对象时const obj = {name :Bobo &#39;,job: &#39; Master&#39;,number: 1234};采用传统的操作方式就是进行一个拷贝处理obj [...

    js教程 240 3年前
  • JavaScript保留两位小数,自动补零

    将传来的数值或字符串,转换为浮点数。然后将小数点向右移动两位小数,再利用Math.round()方法进行四舍五入计算,最后除以100,这样实现保留两位小数。var value = Math . round( parseFloat(num) * 100 ) / 100;去掉逗号,将数值存到数组中var arrayNum = va...

    js教程 156 3年前
  • JavaScript语法参考手册.pdf
    JavaScript语法参考手册.pdf

    JavaScript语法参考手册,主要分为:JavaScript 函数、JavaScript 方法、JavaScript 对象、JavaScript 属性、JavaScript 语句JavaScript手册截图

    电子书 55 3年前