獲取時間每隔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. 執行間隔方法的時間有多確切，以及您的計算日期和實際日期之間隨着時間的推移有多少漂移。您可能想要再次重新同步，例如每小時左右。