有没有见过人家网站底部有一个网页加载耗时统计功能，如下图：
可以统计网站打开加载完成共用了多少秒，看着是不是很专业的感觉，其实这个功能非常的简单。只需要利用 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 ES6-11版本语法大全教程，共77课时，淘宝购买免费分享给大家。JavaScript ES6教程截图课程列表9-7 空值合并运算符：Nullish coalescing Operator_.mp49-6 可选链：Optional chai...
我的站长站分享一段超简单的javascript随机样式标签云方法，比网上那些长篇大论的简单好理解多了，一看就懂，效果如下。JS代码$(".tags a").each(function(){var x = 5;var y = 9;var rand = parseInt...
在项目开发中总会需要对对象进行格式化以便处理，这其中就涉及到了修改对象的属性名，也就是对象键名的修改。比如在处理下面这个对象时const obj = {name :Bobo '，job: ' Master'，number: 1234};采用传统的操作方式就是进行一个拷贝处理obj [...
返回上一页代码：<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码：<a href="javasc...
!= (不等于)!= 是松散的不等于运算符。它在比较两个值时，会先进行类型转换（type coercion），然后再比较值是否不...
这个代码能够直接保护整个站，而不再是单个页面，直接把代码放到自己的网站上，如果是博客建议放到header.php头部...
Hexo的插件嵌入有两种方式，一种是通过脚本（Scripts）的方式引入，一种是通过插件（Packages）的方式将自定义的插件内...
JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面，主要用到了JS的setTimeout语法。下面是一个定时...