使用 JavaScript 顯示特定時區的實時時間

Question

任何人都可以在下面幫助我。

我有 JavaScript 代碼來顯示實時時間，它需要系統當前時間，但我想顯示特定時區（亞洲/達卡）的時間。 我怎么能用這個代碼做到這一點？

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  // add a zero in front of numbers<10
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
  t = setTimeout(function() {
    startTime()
  }, 500);
}
startTime();

Answer 1

使用Intl.DateTimeFormat Api

 let options = { timeZone: 'Asia/Dhaka', year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', }, myDate = new Intl.DateTimeFormat([], options); setInterval(() => { console.log(myDate.format(new Date())); }, 1000);

您可能需要檢查瀏覽器支持

Answer 2

用這個：

let time = new Date().toLocaleString("en-US", { timeZone: "Asia/Dhaka" });

Answer 3

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function startTime() {
  var asiaDhaka = new Date().toLocaleString([], { timeZone: "Asia/Dhaka" });
  var today = new Date(asiaDhaka);

  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  // add a zero in front of numbers<10
  var isFormat12H = true;
  var ampm = "";
  if (isFormat12H) {
    ampm = h >= 12 ? "pm" : "am";
    h = h % 12;
    h = h ? h : 12;
  }
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById("time").innerHTML = h + ":" + m + ":" + s + ampm;
  t = setTimeout(function () {
    startTime();
  }, 1000);
}
startTime();