JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでドキュメントの最終更新日時を取得・表示する方法

document.lastModifiedとは

ドキュメントは、公開されてから削除されるまでの間に何度も変更されます。JavaScriptには、ドキュメントが最後に更新された日時を取得するためのdocument.lastModifiedというプロパティが用意されています。このプロパティを参照することで、最終更新の日付と時刻を正確に取得できます。

構文

Time = document.lastModified;

例1：document.write()で表示する

次の例では、document.lastModifiedを使って、ドキュメントの最終更新日時をそのまま画面に出力しています。

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

実行結果

This document is lastly modified on 07/29/2019 15:19:41

例2：特定の要素に挿入して表示する

次の例では、document.getElementById()と組み合わせて、ページ内の指定したspan要素に最終更新日時を挿入しています。HTMLの構造を保ちながら動的に値を差し込めるため、実務ではこちらの書き方がより一般的です。ドキュメントを更新したところ、日時は07/29/2019 15:26:23と表示されました。

<html>
<body>
<p>This document was last modified <span id="modify"></span>.</p>
<script>
document.getElementById("modify").innerHTML = document.lastModified
</script>
</body>
</html>

実行結果

This document was last modified 07/29/2019 15:26:23.

補足：lastModifiedを使う際の注意点

document.lastModifiedが返す値は文字列であり、ブラウザやサーバーの設定によって表記形式（例：「MM/DD/YYYY hh:mm:ss」）が異なる場合があります。Dateオブジェクトとして扱いたい場合は、「new Date(document.lastModified)」のように変換すると、日付の比較や整形が容易になります。また、動的に生成されるページでは期待どおりの更新日時が得られないことがあるため、利用シーンには注意が必要です。

  1. ExcelとGoogleスプレッドシートで現在の日付・時刻を表示する方法

    ExcelやGoogleスプレッドシートで現在の日付と時刻を表示したい場合、いくつかの簡単な方法があります。キーボードショートカットを使う方法のほかに、最も手軽なのがNOW関数とTODAY関数を活用する方法です。これらの関数は、Microsoft ExcelとGoogleスプレッドシートの両方で共通して使用できます。 現在の日付・時刻を表示する2つの方法 ExcelとGoogleスプレッドシートで現在の日付や時刻を表示するには、以下の方法があります。 キーボードショートカットを使う NOW関数とTODAY関数を使う それぞれの手順を詳しく見ていきましょう。 1. キーボードショートカットを

  2. document.lastModifiedでWebサイトの最終更新日を確認する方法【初心者向け完全ガイド】

    インターネット上には、Webサイトの最終更新日を確認したいと考えているユーザーが数多くいます。サイトを分析しているときや、個人的な理由から「このサイトはいつ更新されたのか」を知りたい場合に、この情報は非常に役立ちます。特定のWebサイトがいつ更新・変更されたのかを確認する方法はいくつかあります。ここでいう「更新・変更」とは、サイト運営者や開発者によってコンテンツやレイアウトが変更されたことを指します。「document.lastModified」コマンドを使えば即座に更新日を確認できますし、Googleアラートを設定すれば、変更があった際にメールで通知を受け取ることも可能です。Webサイトの最