获取时间每隔1秒的JavaScript

Question

我创建了被执行每1秒，输出当前小时，分钟和秒在这样一个跨度的脚本：

setInterval(()=>{ 
 
    let date = new Date(); 
 
    let time = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`; 
 
    document.getElementById('foo').innerText = time; 
 
}, 1000);

Time :<span id ='foo'>00:00:00</span>

正如你可以每隔1秒查看一次我正在创建一个新的Date对象。 有没有更好的方法来实现这一点，而不必每隔1秒重新创建Date对象？

Answer 1

您可以只递增秒现有Date对象：

let date = new Date(); 

setInterval(() => { 
    date.setSeconds(date.getSeconds() + 1); 

    let time = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`; 
    document.getElementById('foo').innerText = time; 
}, 1000); 

但是现在的问题是，

1. 多少，这实际上将获得你的表现;和
2. 执行间隔方法的时间有多确切，以及您的计算日期和实际日期之间随着时间的推移有多少漂移。您可能想要再次重新同步，例如每小时左右。