[12小时Javascript Clock显示24时间，错误的AM / PM
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[12小时Javascript Clock显示24时间，错误的AM / PM相关的知识，希望对你有一定的参考价值。
我正在使用js渲染一个12小时的数字时钟，该数字时钟会不断更新。但是，我在网上找到的代码为我提供了24小时制和错误的am / pm输出。现在它显示13:33 am。我在这里和那里尝试了其他代码片段，一些jquery示例，但是没有任何效果，并且很多CSS已经进入了这一示例。如何将其转换为正常工作的12小时时钟？谢谢！
$(document).ready(function()
setInterval( function()
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$(".hours").html(( hours < 10 ? "0" : "" ) + hours); , 1000);
);
setInterval( function()
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$(".min").html(( minutes < 10 ? "0" : "" ) + minutes); ,1000);
setInterval( function()
var time = new Date().getHours();
var time = (time+24-2)%24;
var mid='am';
if(time==0) //At 00 hours we need to show 12 am
hours=12;
else if(time>12)
time=time%12;
mid='pm';
$(".ap").html(mid);
);
HTML：
<div class="clock">
<ul>
<li class="hours"></li>
<li class="point">:</li>
<li class="min"></li>
<li class="ap"></li>
</ul>
</div>
答案
嘿，请找到数字时钟的工作示例。希望对您有所帮助：）
function showTime()
var date = new Date();
var h = date.getHours(); // 0 - 23
var m = date.getMinutes(); // 0 - 59
var s = date.getSeconds(); // 0 - 59
var session = "AM";
if (h == 0)
h = 12;
if (h > 12)
h = h - 12;
session = "PM";
h = (h < 10) ? "0" + h : h;
m = (m < 10) ? "0" + m : m;
s = (s < 10) ? "0" + s : s;
var time = h + ":" + m + ":" + s + " " + session;
document.getElementById("MyClockDisplay").innerText = time;
document.getElementById("MyClockDisplay").textContent = time;
setTimeout(showTime, 1000);
showTime();body
background: black;
.clock
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
color: #17D4FE;
font-size: 60px;
font-family: Orbitron;
letter-spacing: 7px;
<div id="MyClockDisplay" class="clock" onload="showTime()"></div>以上是关于[12小时Javascript Clock显示24时间，错误的AM / PM的主要内容，如果未能解决你的问题，请参考以下文章
javascript 如果判断时间是24小时制还是12小时制
Javascript -- 检测用户的语言环境是不是设置为使用 12 小时或 24 小时时间格式
Javascript：将 24 小时时间字符串转换为 12 小时时间，上午/下午且无时区