如何在 JavaScript 中显示文档最后修改的日期和时间？

在这篇文章中，我们将讨论如何在 JavaScript 中显示文档最后修改的日期和时间。

了解网页文档的最后更新日期和时间非常重要，当您在网上阅读一些内容时，需要知道该网页文档是最新的还是过时的。

Document 对象具有 **lastModified** 属性，该属性返回文档最后修改的日期和时间。这是一个只读属性。**lastModified** 属性的值是从 Web 服务器的 HTTP 标头获取的。

对于关注最新技术文章的人来说，**lastModified** 属性有助于了解文章或网页文档是最新的还是过时的。

语法

显示文档最后修改日期和时间的语法如下所示。

document.lastModified;

返回一个包含日期和时间的字符串。

示例 1

以下是我们显示文档最后修改日期和时间的示例。

<html>
<body>
   <script>
      document.write("This document is lastly modified on" + " " +document.lastModified);
   </script>
</body>
</html>

执行上述代码后，将生成以下输出。

让我们再看一个示例程序，以显示文档最后修改的日期和时间。

示例

<!DOCTYPE html>
<html>
<head>
   <title>To display the date and time of a document when it is last modified in JavaScript</title>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p id="last-modified" style="text-align:center"></p>
   </div>
   <script>
      document.getElementById('last-modified').innerHTML = 'The date and time of the document when it is last modified is : '+document.lastModified;
   </script>
</body>
</html>

执行上述代码后，将生成以下输出。

示例 3

以下程序是一个示例，它将 **lastModified** 属性更改为 Date 对象，并以我们自己的格式显示最后修改的日期和时间。

<!DOCTYPE html>
<html>
<head>
   <title>To display the date and time of a document when it is last modified in JavaScript</title>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p id="last-modified" style="text-align:center"></p>
  </div>
   <script>
      const date = new Date(document.lastModified);
      document.getElementById('last-modified').innerHTML = "Date of modification on "+'<br/>'+date.getDate()+"-"+date.getMonth()+"-"+date.getFullYear()+" at time : "+date.getHours()+" hours "+date.getMinutes()+" minutes and "+date.getSeconds()+' seconds';
   </script>
</body>
</html>

执行上述代码后，将生成以下输出。

更新于： 2022-12-08

2K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告