JavaScript編~最終アクセス日時～年月日と日時を表示~

年月日と日時の表示

最終アクセス日時:

HTMLのソースコード

<p>最終アクセス日時:<span id="time"></span></p>

JavaScriptのソースコードと概要

var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var hour = now.getHours();
var min = now.getMinutes();
var ampm = "";
if (hour < 12) {
  ampm = "am";
} else {
  ampm = "pm";
}

var output = year + "/" + month + "/" + date + "　" + (hour % 12) + ":" + min + ampm;
document.getElementById("time").textContent = output;

Dateオブジェクトは初期化して使おう

var now = new Date();

Dateオブジェクトを使って、日時の設定や計算をする場合は最初に初期化してから使用します。

月、日、時、分の順に取得

それぞれをnowの後ろに続くメソッドで取得していきます。

月を取得するgetMonthメソッドは1月は「0」が取得されてしまうので、『実際の月+1』しなければなりません。

取得したら、あとはHTMLへ出力するだけです。

12時間表記

(hour % 12)

24時間表記の時間を12で割った余りを計算すれば、12時間表記になります。