將js時間格式從24小時更改為12小時

Question

我已經問了一個問題如何隱藏javascript的時間標准

但我需要將時間格式更改為12小時。

 function display_c() { var refresh = 1000; // Refresh rate in milli seconds mytime = setTimeout('display_ct()', refresh) } function display_ct() { var strcount var x = new Date() document.getElementById('ct').innerHTML = x.toString().replace(/GMT(.*)/g,""); tt = display_c(); } display_ct() 

 <span id='ct'></span> 

Answer 1

將hours與正則表達式匹配/(\\d+)(:)/並檢查> 12然后應用條件。

日期方法

 function display_c() { var refresh = 1000; // Refresh rate in milli seconds mytime = setTimeout('display_ct()', refresh) } var format; function display_ct() { var strcount var x = new Date() document.getElementById('ct').innerHTML = x.toString().replace(/GMT(.*)/g, "").replace(/(\\d+)(:)/, function(a, b, c) { b = parseInt(b); if (b > 12) { b = b - 12; format ='PM'; } else{ b=b; format="AM"; } return b + c; })+format; tt = display_c(); } display_ct() 

 <span id='ct'></span> 

或嘗試使用其他型號

 function display_c() { var refresh = 1000; // Refresh rate in milli seconds mytime = setTimeout('display_ct()', refresh) } var m =['Jan','Feb','Mar','Aprl','May','Jun','July','Aug','Sep','Oct','Nov','Dec']; var w =['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; function display_ct() { var strcount var x = new Date() var h = x.getHours() > 12 ? x.getHours() -12 : x.getHours(); var format = x.getHours() > 12 ? 'PM' : 'AM'; document.getElementById('ct').innerHTML =w[x.getDay()]+' '+m[x.getMonth()]+' '+x.getFullYear()+' '+h+':'+x.getMinutes()+':'+x.getSeconds()+' '+format; tt = display_c(); } display_ct() 

 <span id='ct'></span> 

Answer 2

你可以使用momentjs字符串格式來做到這一點 。 使用此功能，您可以按自己喜歡的方式顯示日期。

在下面的代碼片段中，您可以看到如何實現相同的功能。

 function display_c() { var refresh = 1000; // Refresh rate in milli seconds mytime = setTimeout('display_ct()', refresh) } function display_ct() { var strcount var x = new Date() document.getElementById('ct').innerHTML = moment(x).format('ddd MMM DD gggg hh:mm:ss'); tt = display_c(); } display_ct() 

 <script src="http://momentjs.com/downloads/moment.js"></script> <span id='ct'></span> 

注意：

1. hh是12小時 格式 ，您可以找到更多格式訪問文檔（您可以看到我在我的示例中使用的一些格式）。

2. 關於這一點的好處是消除了使用replace的需要。

3. 它遵循KISS原則