如何在 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