JavaScriptを使用してAM/PM形式のhh:mm時刻を表示する方法

1. HTMLの準備: まず、表示する時刻を表示するためのHTML要素を用意します。例えば、次のような要素を追加します。

<p id="time"></p>

2. JavaScriptコードの追加: 次に、JavaScriptコードを追加して時刻を取得し、AM/PM形式で表示します。

$(document).ready(function() {
  // 現在の時刻を取得
  var currentTime = new Date();
  // 時間と分を取得
  var hours = currentTime.getHours();
  var minutes = currentTime.getMinutes();
  // AM/PM形式に変換
  var suffix = hours >= 12 ? "PM" : "AM";
  hours = hours % 12;
  hours = hours ? hours : 12; // 0時を12時と表示するための処理
  // 時刻を表示する要素に設定
  $("#time").text(hours + ":" + minutes + " " + suffix);
});

3. ページの読み込み時に時刻を表示: 最後に、ページが読み込まれた時にjQueryの$(document).ready()関数で定義したコードが実行されるようにします。これにより、ブラウザが時刻を表示します。