Web サイトに日付と時刻を挿入する方法

現在の日付と時刻を Web サイトに追加すると、サイトの訪問者がページを更新したときに、サイト上の少なくとも 1 つのことが確実に変更されます。日付と時刻の形式を操作するために、PHP、JAVA、ASP.NET などの高度なプログラミング言語を学習する必要はありません。 JavaScript と基本的な HTML を使用すると、数行のコードで Web サイトに日付と時刻を挿入できます。

ステップ 1

メモ帳、HTML エディター、またはプレーン テキストを生成する任意のアプリケーションを使用して、Web ページの 1 つを開きます。編集前のサイト コードのコピーを確実に保持するには、編集する前にファイルを複製してください。

ステップ 2

HTML の最初の「」タグの後に次のコードを追加します:

これにより、空の「div」ブロックが作成されます。

ステップ 3

終了 " の前に次のコードを追加します。 " HTML のタグ:

この JavaScript 関数は、ページの読み込み後に実行されます。 「dateTime」変数は、システムの日付と時刻を保持します。 "formattedDateTime" 変数は、dateTime を 2 つのフォーマットされた値 (1 つは日付用、もう 1 つは時刻用) に分割し、"separator" で定義された文字で区切ります。最後の 2 つのステートメントは、書式設定された日付と時刻の文字列を、HTML の本文セクションで定義された「div」タグに追加します。

ステップ 4

ドキュメントを保存し、ブラウザで開きます。 「div」タグを配置した場所に日時が表示されます。ページをリロードして、値の変化を確認してください。

ヒント

区切り変数には、選択した任意の文字を含めることができます。この例ではダッシュを使用しています。