如何使用JavaScript將AM或PM的24小時格式轉換為12小時

Question

我有要求是否在我的項目中使用倒數計時器，所以我正在使用該代碼，但是該代碼顯示24小時格式，但我希望顯示AM或PM的12小時格式，而不是顯示13,14,15，我希望小時數應該像這樣1 ：00 PM，2：00 PM，3：00 PM。任何想法該怎么做？

<p id="check_time"></p>
<p id="check_hours"></p>

<script>

var countDownDate = new Date("may 17, 2018 01:37:25").getTime();  //this the which i have to count for difference


var x = setInterval(function() {


    var now = new Date().getTime();


    var distance = countDownDate - now;


    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    document.getElementById("check_hours").innerHTML = hours;

    document.getElementById("check_time").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";


    if (distance < 0) {
        clearInterval(x);
        document.getElementById("demo").innerHTML = "EXPIRED";
    }
}, 1000);
</script>

Answer 1

請嘗試以下操作：

 var countDownDate = new Date("june 17, 2018 01:37:25").getTime(); //this the which i have to count for difference var x = setInterval(function() { var now = new Date().getTime(); var distance = countDownDate - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); var n = new Date(); var h = n.getHours() < 10 ? '0' + n.getHours() : n.getHours(); var min = n.getMinutes() < 10 ? '0' + n.getMinutes() : n.getMinutes(); var sec = h < 10 ? '0' + n.getSeconds() : n.getSeconds(); var time = n.getHours() + ':' + min + ':' + sec; document.getElementById("check_hours").innerHTML = tConvert(time); document.getElementById("check_time").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000); function tConvert (time) { // Check correct time format and split into components time = time.toString ().match (/^([01]\\d|2[0-3])(:)([0-5]\\d)(:[0-5]\\d)?$/) || [time]; if (time.length > 1) { // If time format correct time = time.slice (1); // Remove full string match value time[5] = +time[0] < 12 ? ' AM' : ' PM'; // Set AM/PM time[0] = +time[0] % 12 || 12; // Adjust hours } return time.join (''); // return adjusted time or original string } 

 <p id="check_time"></p> <p id="check_hours"></p> <p id="demo"></p>