以 12 小時制顯示當前時間？ - Javascript

Question

我正在嘗試使用 JS 將當前時間添加到網站，我找到了一個可行的解決方案，但問題是它適用於 24 小時格式時間，我正在努力弄清楚如何修改它以顯示 12-小時格式時間......在這里見小提琴： https://jsfiddle.net/7hjsaqdu/1/

function display_c() {
  var refresh = 1000; // Refresh rate in milli seconds
  mytime = setTimeout('display_ct()', refresh)
}

function display_ct() {
  var x = new Date()
  var x1 = x.getMonth() + 1 + "/" + x.getDate() + "/" + x.getYear();
  x1 = x1 + " - " + x.getHours() + ":" + x.getMinutes() + ":" + x.getSeconds();
  var hour = x.getHours();
  var minute = x.getMinutes();
  var second = x.getSeconds();
  if (minute < 10) {
    minute = '0' + minute;
  }
  if (second < 10) {
    second = '0' + second;
  }
  var x3 = hour + ':' + minute + ':' + second
  document.getElementById('ct').innerHTML = x3;
  display_c();
}

HTML：

<body onload=display_ct();>
<span id='ct' ></span>

Answer 1

您可以使用 Date.prototype.toLocaleTimeString()
Mozilla 開發者文檔

let formattedTime = date.toLocaleTimeString('en-US', {
    hour: 'numeric',
    minute: 'numeric',
    second: 'numeric',
    hour12: true
});

document.getElementById('ct').innerHTML = formattedTime;

以 12 小時制顯示當前時間？ - Javascript

問題描述

1 個解決方案

解決方案1
1 2020-11-27 21:53:45

以 12 小時制顯示當前時間？ - Javascript

問題描述

1 個解決方案

解決方案1 1 2020-11-27 21:53:45

解決方案1
1 2020-11-27 21:53:45