從24小時更改JS時間格式12小時

Question

我已經問了quesion How to hide time standards from 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然後應用條件。

Date methods

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小時format，你可以找到更多的格式accesing的文件（你可以看到一些我以前在我的例子）。

2. 關於這樣做的好處是，除去使用replace的需要。

3. 而且也沿用了KISS principle