- 在您的HTML文件中添加以下代码:
<p id="loadTime">加载页面耗时: </p>
这将在页面上添加一个带有id为“loadTime”的段落元素。
- 在您的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;
});
这将在网页加载完成后计算加载时间并将其显示在之前添加的段落元素中。
- 将JavaScript文件包含在您的HTML文档中,以便它可以加载并应用到您的网站中。
- 现在,当您的网页加载完成时,加载时间将显示在页面上,使用中文。请注意,此示例使用了performance.timing API,该API在某些浏览器中可能不可用。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容