用javascript自动显示最后更新时间

下面是用JavaScript自动显示最后更新时间的完整攻略：

第一步：编写HTML代码

在需要显示最后更新时间的页面中添加以下代码：

<p>Last updated: <span id="lastUpdated"></span></p>

其中，id="lastUpdated"是用来标识展示最后更新时间的元素。

第二步：编写JavaScript代码

在页面底部添加以下JavaScript代码：

<script>
var lastUpdated = document.lastModified;
var lastUpdatedEl = document.getElementById('lastUpdated');
lastUpdatedEl.textContent = lastUpdated;
</script>

以上代码通过document.lastModified获取页面的最后更新时间，然后将其显示在页面中。

示例一：在页面顶部显示最后更新时间

如果想要在页面顶部显示最后更新时间，可以将HTML代码改为：

<header>
  <p>Last updated: <span id="lastUpdated"></span></p>
</header>

然后在JavaScript代码中添加以下代码：

var headerLastUpdatedEl = document.getElementById('headerLastUpdated');
headerLastUpdatedEl.textContent = lastUpdated;

示例二：以特定格式显示最后更新时间

如果想要以特定格式显示最后更新时间，可以使用第三方库moment.js。将JavaScript代码更改为：

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-n4kDi+qISKpnAaWT/AcdJDIzFtJIZ9Yq1xm4ruTZKQWuN56zXQH2hQl5tzfEYjxjWsSpQNcdlxIeUvDhKoQMlw==" crossorigin="anonymous"></script>
<script>
var lastUpdated = moment(document.lastModified).format('MMMM Do YYYY, h:mm:ss a');
var lastUpdatedEl = document.getElementById('lastUpdated');
lastUpdatedEl.textContent = lastUpdated;
</script>

这样就可以将最后更新时间以"M MMMM Do YYYY, h:mm:ss a"的格式进行显示。

以上就是使用JavaScript自动显示最后更新时间的完整攻略，希望能对你有所帮助。