javascript - JavaScript的date对象到LocaleTimeString增加了一个小时

我正在尝试从用户单击按钮开始创建计时器。
为此，我尝试计算两个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>

我究竟做错了什么？

最佳答案

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

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>