主页 / 问题 / 1596725
Accepted
hbf
Asked:2024-10-15 03:51:38 +0000 UTC2024-10-15 03:51:38 +0000 UTC

如何在JS中根据用户时区配置页面上时间的显示？

  • 772

您需要在 JS 中编写代码来检查用户的时区，如果不是莫斯科，则显示莫斯科时间。例如：

  1. 用户A居住在莫斯科时区（UTC+3），因此网站上不显示时间。
  2. 用户 B 居住在乌法，时区（UTC +5，莫斯科时间 +2），因此该网站为他显示莫斯科时间。这是一段不起作用的代码：
function addZero(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}
time = new Date(Date.now());
var timezone = time.getTimezoneOffset()/60
var mosTime = h + 3
if (timezone != mosTime) {
      function getMosTime(){
            var time, h, m;
            h = time.getUTCHours();
            m = addZero(time.getUTCMinutes());
            return (mosTime) + '<span>:</span>' + m;
        }
        function setTimer(){
            time.innerHTML = getMosTime();
        }
        setInterval(setTimer, 1000);

请帮我找到并修复错误！

javascript

1 个回答

  1. Best Answer

    1. 该行中的var mosTime = h + 3变量h未定义，并且不会处于严格模式undefined。与数字相加时，结果为NaN。因此，比较timezone != mosTime总是存在的true。

    2. getMosTime变量函数time没有指定值。默认值为undefined。尝试调用时会出现错误time.getUTCHours()。

    3. 必须在函数内部添加指定值的行getMosTime

    4. 对于输出，您需要一个可以在其中设置value或innerHTML的元素console.log。

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

function getMosTime() {
  var time, h, m;
  time = new Date(Date.now());
  var timezone = time.getTimezoneOffset() / 60
  h = time.getUTCHours();
  var mosTime = (h + 3) % 24; // убираем возможность переполнения
  if (timezone != mosTime) {
    m = addZero(time.getUTCMinutes());
    return (mosTime) + '<span>:</span>' + m;
  }
}

function setTimer() {
  document.body.innerHTML = getMosTime();
}
setInterval(setTimer, 1000);

    对于不需要显示时间的情况，如果时区是+3 - 只需勾选此项

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

function getMosTime() {
  var time, h, m;
  time = new Date();
  var timezone = time.getTimezoneOffset() / 60
  if (timezone == -3) return ''; // если таймзона UTC+3 - ничего не выводим
  
  h = time.getUTCHours();
  var mosTime = (h + 3) % 24; // убираем возможность переполнения
  if (timezone != mosTime) {
    m = addZero(time.getUTCMinutes());
    return (mosTime) + '<span>:</span>' + m;
  }
}

function setTimer() {
  document.body.innerHTML = getMosTime();
}
setInterval(setTimer, 1000);

    您也可以简单地将其toLocaleTimeString与所需的时区一起使用

    setInterval(() => {
  document.body.innerHTML = [new Date().toLocaleTimeString('ru-RU', {
      hour: "2-digit",
      minute: "2-digit",
      timeZone: 'UTC'
    }),
    new Date().toLocaleTimeString('ru-RU', {
      hour: "2-digit",
      minute: "2-digit",
      timeZone: '+03'
    }),
    new Date().toLocaleTimeString('ru-RU', {
      hour: "2-digit",
      minute: "2-digit",
      timeZone: '+05'
    })
  ].join('<br>');
}, 1000);

    • 1

相关问题