javascript - 下一分钟开始时的开始间隔

Question

在我正在处理的议程/日历应用程序中，我显示一条线来指示当前时间。我想每分钟更新这条线的位置。

如果我在日历组件挂载或将要挂载时启动 setInterval 函数，则会发生变化，它会在第 59 秒(或只是不是第 1 秒)开始，并且该时间将始终不同于设备正在显示(计算机、智能手机等)。

但我希望这两个时间都匹配。所以我想知道是否有可能在新的一分钟开始时开始间隔，或者是否有另一种方法来获取时间更新。

编辑:当前代码

componentDidMount() {
    setInterval(() => {
        this.setState({ currentTime: new Date() })
    }, 60 * 1000);
}

Answer 1

通过计算到下一分钟的秒数，并对差异执行超时，您可以获得相当接近的结果。

(function showTime(){
  console.log('update time');
  var time = document.getElementById('time');
  var now = new Date();
  
  time.innerHTML = `${now.getHours()}:${now.getMinutes()}`;
  setTimeout(showTime, (60 - now.getSeconds()) * 1000);
})();

<div id="time"></div>