javascript - 将 js 时间格式从 24 小时更改为 12 小时

Question

我已经问了一个问题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>