javascript - 用 javascript 编写的数字时钟代码在 HTML 中显示错误的时间和偏移量

Question

这是我第一次使用堆栈流，所以请体谅。我目前正在编写一个使用 javascript 和 html 显示数字时钟的代码。我遇到的问题是时间与我试图让它们协调的时区偏移不准确，相反，它们往往会进入负数，并且在军事时间过去 24:00:00 到大约 30:00:00。我将如何用我的代码解决这个问题，以便它显示时区偏移的正确时间。

这是我的代码，因此可以对其进行测试和编译：

Javascript代码：

  function startTime() {
  var d=new Date();
  var h=d.getUTCHours();
  var m=d.getUTCMinutes();
  var s=d.getUTCSeconds();
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('txt3').innerHTML = +(h-5)+":"+m+":"+s;
  document.getElementById('txt1').innerHTML = +(h+11)+":"+m+":"+s;
  document.getElementById('txt2').innerHTML = +h+":"+m+":"+s;
  document.getElementById('txt4').innerHTML = +(h+8)+":"+m+":"+s;
  document.getElementById('txt5').innerHTML = +(h-10)+":"+m+":"+s;
  }
  function checkTime(i) {
  var j = i;
  if (i < 10) {
      j = "0" + i;
  }
  return j;
  }
  setInterval(function() {
  startTime();
  }, 500);

  })(jQuery);

HTML 代码：

<font color="crimson" face="Montserrat">
<span style="font-size:21px; position:absolute; left:210px; top:485px;"id="txt1"></span>
</font>

 <font color="crimson" face="Montserrat">
    <span style="font-size:21px" id="txt3"></span>
      </font>

<font color="crimson" face="Montserrat">
<span style="font-size:21px; position: absolute; left:430px; top:485px;" id="txt2">.    </span>
  </font>

  <font color="crimson" face="Montserrat">
  <span style="font-size:21px; position:absolute; left:930px; top:485px;" id="txt4"></span>
    </font>

     <font color="crimson" face="Montserrat">
     <span style="font-size:21px; position:absolute; left:1150px; top:485px" id="txt5">.      </span>
     </font>
     </div>

谢谢您的帮助。

标签： javascripthtml