JavaScript - setInterval（）在浏览器

Question

我有一个简单的函数，它将秒转换为HH：MM：SS格式，我使用setInterval（）来运行每一秒。令人惊讶的是，当第一次执行页面时，时钟似乎工作正常。然而，当它离开它一段时间并在浏览器中打开另一个窗口/标签并返回它时，时钟变得疯狂，并且setInterval似乎每秒执行3或4次。

formatTimeToHours(seconds){
return new Date(seconds * 1000).toISOString().substr(11, 8);
}

 clock(){
 let number = 0;
setInterval(()=>{
     number += 1;
     this.timer = this.formatTimeToHours(number)
}, 1000)
}