给你的网站或者wordpress添加一个网页加载完成时间显示

  1. 在您的HTML文件中添加以下代码:
<p id="loadTime">加载页面耗时: </p>

这将在页面上添加一个带有id为“loadTime”的段落元素。

  1. 在您的JavaScript文件中添加以下代码:
window.addEventListener("load", function() {
  var loadTime = performance.timing.domContentLoadedEventEnd - performance.timing.navigationStart;
  var loadTimeSeconds = (loadTime / 1000).toFixed(2);
  var loadTimeMessage = "加载页面耗时:" + loadTimeSeconds + " 秒";
  document.getElementById("loadTime").innerHTML = loadTimeMessage;
});

这将在网页加载完成后计算加载时间并将其显示在之前添加的段落元素中。

  1. 将JavaScript文件包含在您的HTML文档中,以便它可以加载并应用到您的网站中。
  2. 现在,当您的网页加载完成时,加载时间将显示在页面上,使用中文。请注意,此示例使用了performance.timing API,该API在某些浏览器中可能不可用。
© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容