网站添加加载耗时显示效果

2023-12-8 09:30 • 网页代码 • 阅读 490

如果网站使用了 PJAX 刷新只会在首次或者手动刷新才会生效，否则一直保持为首次加载时间耗时。

原理：利用 js 计算加载页面所用的时间然后反馈

head 页面加入以下代码

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

body 页面加入以下代码

此处内容已隐藏，评论后刷新即可查看！

最后在合适的地方加入以下代码，个人觉得加载底部最为合适。

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

加载耗时耗时显示

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！
如若转载，请注明出处：https://www.zxki.cn/8340.html