我想使用 javascript 显示 AM / PM

Question

我尝试用显示的 AM / PM 格式显示时间，但我找不到任何代码，请指导我var dt = new Date();var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();document.getElementById("dt").innerHTML = time;<p id='dt'></p>

Answer 1

var dt = new Date();

var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds()+"  ";

time+= dt.getHours()>=12?"PM":"AM"

document.getElementById("dt").innerHTML = time;

<div id="dt"></div>

Answer 2

只需检查值是否小于 12，并将小时数保持在 12 以下并通过以下方式返回 12 而不是 0 (hours %12 || 12)：

var dt = new Date();

var time = (dt.getHours()%12||12) + ":" + dt.getMinutes() + ":" + dt.getSeconds() + " " + (dt.getHours() < 12)===0?"AM" : "PM";

document.getElementById("dt").innerHTML = time;

Answer 3

只需将小时数与小于 12 小时进行比较，如果是，则将变量设置为 AM 或 PM。请注意，如果需要，以下将前导 0 添加到 mins 和 secs （如果值的长度为 1，则切片将仅包含 0）。

var dt = new Date();

var hrs = dt.getHours();

var hours = hrs % 12;

var mins = '0' + dt.getMinutes();

var minutes = mins.slice(-2);

var secs = '0' + dt.getSeconds();

var seconds = secs.slice(-2);

var amPm = hrs< 12 ? 'AM' : 'PM';

var time = hours + ":" + minutes + ":" + seconds + ' ' +  amPm; 

document.getElementById("dt").innerHTML = time;

<p id = "dt"></p>