如何將AM和PM添加24小時到12小時的時間戳？

Question

我做了下面的代碼以獲取實時。 但是我不明白，我該如何添加24小時至12小時和AM PM的時間戳。

 setInterval(function() { var date = new Date(); var hours = date.getHours(); var seconds = date.getSeconds(); var minutes = date.getMinutes(); var realTime = (hours < 10 ? '0' : '') + hours + ':' + (minutes < 10 ? '0' : '') + minutes + ':' + (seconds < 10 ? '0' : '') + seconds $('#time').html(realTime); }, 1000); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="time"></div> 

Answer 1

 setInterval(function() { var now = moment().format("hh:mm:ss a"); $('#time').html(now); }, 1000); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.2/moment.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="time"></div> 

您可以使用momentjs並使用format("hh:mm:ss a")進行format("hh:mm:ss a")

Answer 2

您可以遵循這種方法（ 內聯注釋 ）

 setInterval(function() { var date = new Date(); var hours = date.getHours(); var seconds = ("0" + date.getSeconds()).slice(-2); var minutes = ("0" + date.getMinutes()).slice(-2); var amPM = hours < 12 ? "AM": "PM"; //decides if this is AM or PM based on hours value hours = ("0" + (hours % 12)).slice(-2); //pad 0 prefix var realTime = hours + ':' + minutes + ':' + seconds + " " + amPM; //prepare the date format $('#time').html(realTime); }, 1000); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="time"></div> 

Answer 3

 setInterval(function() { var date = new Date(); var hours = date.getHours(); var seconds = date.getSeconds(); var minutes = date.getMinutes(); if (hours > 12){hours = hours -12; amPM = ' PM'}else{amPM = ' AM'} var realTime = (hours < 10 ? '0' : '') + hours + ':' + (minutes < 10 ? '0' : '') + minutes + ':' + (seconds < 10 ? '0' : '') + seconds + amPM $('#time').html(realTime); }, 1000); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="time"></div>