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

JavaScriptでドキュメントの最終更新日時を表示する方法【初心者向け解説】

Webページがいつ最後に更新されたのかを確認したい場面は少なくありません。JavaScriptを使えば、document.lastModified プロパティを利用するだけで、ドキュメントが最後に変更された日時を簡単に取得・表示できます。

lastModifiedプロパティとは

document.lastModified は、現在のHTMLドキュメントがサーバー上で最後に更新された日時を文字列として返すプロパティです。特別なライブラリや複雑な処理は不要で、1行のコードだけで実装できるのが魅力です。

サンプルコード

以下のコードを実行すると、JavaScriptでドキュメントの最終更新日時を画面に表示できます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var date = document.lastModified;
         document.write("Last Modified: " + date);
      </script>
   </body>
</html>

コードの解説

このサンプルでは、まず document.lastModified の値を変数 date に格納しています。その後、document.write() を使って「Last Modified:」というラベルとともに取得した日時を出力します。

実行結果の例

ブラウザでこのページを開くと、次のように最終更新日時が表示されます。

Last Modified: 05/15/2024 10:30:45

注意点

lastModified プロパティはブラウザやサーバーの設定によって返される形式が異なる場合があります。また、動的に生成されるページでは正確な更新日時が取得できないこともあるため、厳密な日時管理が必要な場合はサーバーサイドでの取得も検討しましょう。

  1. Word文書の最終更新日を表示・挿入する方法|プロパティ確認手順をバージョン別に解説

    Wordで作成したすべての文書には、「プロパティ」と呼ばれる文書に関する情報が含まれています。具体的には、ファイルの作成日、文書の作成者、ページ数や文字数などが該当します。 文書を保存すると、これらのプロパティの一部は自動的に更新されます。たとえば、文書が最後に保存(変更)された日付です。この日付は文書本文に挿入することができ、自動更新の設定も可能です。本記事では、まずWord 2010~2016、Word 2007、Word 2003それぞれのバージョンにおけるドキュメントプロパティの確認方法を解説し、続いて最終更新日を文書へ挿入する手順をご紹介します。 Word 2010~2016でドキュ

  2. MatplotlibでX軸に日付・時刻を表示する方法【 DateFormatterとDayLocatorの使い方 】

    Matplotlibで作成したグラフのX軸に日付や時刻を表示したい場合、matplotlib.datesモジュール（mdates）を利用すると簡単に実装できます。以下の手順に沿って説明します。 X軸に日付を表示する基本の手順 図のサイズを設定し、サブプロット間および周囲の余白（パディング）を調整します。 日付のリストとY値のリストを作成します。 plt.gca()で現在の軸（Axes）を取得します。 DateFormatterで日付の表示形式を指定し、DayLocatorなどのロケーターで目盛りの位置を設定します。 plot()メソッドでX値とY値をプロットします。 show()メソッドで図