如何在 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>
执行上述代码后,将生成以下输出。
广告
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP