Javascript 的日期对象 toLocaleTimeString 添加一个小时

Question

我正在尝试从用户单击按钮时创建一个计时器。为此，我尝试计算两个 date 对象之间的差异。当我输出差异时，它起作用了。但是，toLocaleTimeString 调用会返回一个额外添加了一个小时的字符串:

var start;
var timer;
function myTimer() {
  var current = new Date();
  var difference = new Date(current - start);
  console.log(difference.getTime(), difference.toLocaleTimeString(navigator.language));
  document.getElementById("timer").innerHTML = difference;
  document.getElementById("timer2").innerHTML = difference.toLocaleTimeString('en-GB');
}
start = new Date();
timer = setInterval(myTimer, 1000);
draw();

<h1 id="timer"></h1>
<h1 id="timer2"></h1>

我做错了什么？

Answer 1

在 options 参数中将时区指定为 UTC。否则，差异 日期将调整为用户代理的时区。

document.getElementById("timer2").innerHTML = difference.toLocaleTimeString('en-GB', { timeZone: 'UTC' });

在 MDN documentation 中阅读有关 options 参数和 toLocaleTimeString 的更多信息.

var start;
var timer;
function myTimer() {
  var current = new Date();
  var difference = new Date(current - start);
  console.log(difference.getTime(), difference.toLocaleTimeString(navigator.language));
  document.getElementById("timer").innerHTML = difference;
  document.getElementById("timer2").innerHTML = difference.toLocaleTimeString(navigator.language, { timeZone: 'UTC', hour12: false });
}
start = new Date();
timer = setInterval(myTimer, 1000);
draw();

<h1 id="timer"></h1>
<h1 id="timer2"></h1>