Javascript jQuery时钟12/24小时在一起

Javascript jQuery时钟12/24小时在一起,javascript,jquery,Javascript,Jquery,我的意思是要有两个时钟,一个是24小时制,另一个是12小时制 function updateClock() { var currentTime = new Date(); var currentHoursAP = currentTime.getHours(); var currentHours = currentTime.getHours(); var currentMinutes = currentTime.getMinutes(); var curre

我的意思是要有两个时钟,一个是24小时制,另一个是12小时制

function updateClock() {
    var currentTime = new Date();
    var currentHoursAP = currentTime.getHours();
    var currentHours = currentTime.getHours();
    var currentMinutes = currentTime.getMinutes();
    var currentSeconds = currentTime.getSeconds();

    // Pad the minutes and seconds with leading zeros, if required
    currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
    currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;

    // Choose either "AM" or "PM" as appropriate
    var timeOfDay = (currentHours < 12) ? "AM" : "PM";

    // Convert the hours component to 12-hour format if needed
    currentHoursAP = (currentHours > 12) ? currentHours - 12 : currentHours;

    // Convert an hours component of "0" to "12"
    currentHoursAP = (currentHours == 0) ? 12 : currentHours;

    // Compose the string for display
    var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + " / " + currentHoursAP + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

    $("#clock").html(currentTimeString);
}

$(document).ready(function () {
    setInterval(updateClock, 1000);
});
函数updatelock(){
var currentTime=新日期();
var currentHoursAP=currentTime.getHours();
var currentHours=currentTime.getHours();
var currentMinutes=currentTime.getMinutes();
var currentSeconds=currentTime.getSeconds();
//如果需要,用前导零填充分和秒
currentMinutes=(currentMinutes<10?“0”:“)+currentMinutes;
currentSeconds=(currentSeconds<10?“0”:“)+currentSeconds;
//根据需要选择“上午”或“下午”
var timeOfDay=(当前小时数<12)?“AM”:“PM”;
//如果需要,将小时数组件转换为12小时格式
currentHoursAP=(currentHours>12)?currentHours-12:currentHours;
//将小时数分量“0”转换为“12”
currentHoursAP=(currentHours==0)?12:currentHours;
//编写要显示的字符串
var currentTimeString=currentHours+“:“+currentMinutes+”:“+currentSeconds+”+“+”/“+currentHoursAP+”:“+currentMinutes+”+“+timeOfDay;
$(“#时钟”).html(currentTimeString);
}
$(文档).ready(函数(){
设置间隔(updateClock,1000);
});
但是最后,
currentHours
currentHoursAP
变成完全相同的值。
我错过了什么?

问题是

// Convert an hours component of "0" to "12"
currentHoursAP = (currentHoursAP == 0) ? 12 : currentHoursAP;
如果
currentHoursAP!=0
然后,您没有将
currentHoursAP
的值设置回
currentHoursAP

演示:

问题是

// Convert an hours component of "0" to "12"
currentHoursAP = (currentHoursAP == 0) ? 12 : currentHoursAP;
如果
currentHoursAP!=0
然后,您没有将
currentHoursAP
的值设置回
currentHoursAP


演示:

getHours
是基于零的(
0=12 AM,23=11 PM
),因此您需要调整检查:

currentHoursAP = (currentHours >= 12) ? currentHours - 12 : currentHours;
currentHoursAP = (currentHoursAP == 0) ? 12 : currentHoursAP;

getHours
是基于零的(
0=12 AM,23=11 PM
),因此您需要调整检查:

currentHoursAP = (currentHours >= 12) ? currentHours - 12 : currentHours;
currentHoursAP = (currentHoursAP == 0) ? 12 : currentHoursAP;

用调试器一步一步地检查代码并自己找出答案。用调试器一步一步地检查代码并自己找出答案。