Webサイトのコードに日付と時刻を追加します。
画像クレジット： Baitong333 / iStock /ゲッティイメージズ
現在の日時を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つは時刻用で、文字で区切られます。 「セパレータ」で定義されています。 最後の2つのステートメントは、フォーマットされた日付と時刻の文字列を、の本文セクションで定義された「div」タグに追加します。 HTML。
ステップ4
ドキュメントを保存して、ブラウザで開きます。 日付と時刻は、「div」タグを配置した場所に表示されます。 ページをリロードして、値の変化を確認します。
ヒント
区切り変数には、選択した任意の文字を含めることができます。 この例ではダッシュを使用しています。
