> ## Content Index
> Fetch the complete content index at: https://isoziyuan.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# 给你的网站或者wordpress添加一个网页加载完成时间显示
- URL: https://isoziyuan.com/p/100071/
- Published: 2023-03-18T01:28:01.000Z
- Updated: 2023-03-18T01:28:01.000Z
- Author: 9253462
- Tags: WordPress, old-wordpress-import, #wp, #wp-post, #Import 2026-09-04 23:28

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在某些浏览器中可能不可用。