我想使用 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()+"&nbsp; ";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 + ' ' +&nbsp; amPm;&nbsp;document.getElementById("dt").innerHTML = time;<p id = "dt"></p>