每秒更新一次以显示时间答案

【问题标题】：Update every second to display time每秒更新一次以显示时间
【发布时间】：2020-08-28 10:34:59
【问题描述】：

我对此真的很陌生。我希望这个 js 更新每个 scond 以便它像时钟一样工作或显示时间

也许使用 setInterval？我不知道该怎么做

这是我的代码

忽略我代码中的国语

date = new Date();
 menit = date.getMinutes();
 jam = date.getHours();
 hari = date.getDay();
 tanggal = date.getDate();
 bulan = date.getMonth();
 tahun = date.getFullYear();

document.write(tanggal+" "+arrbulan[bulan]+" "+tahun+"<br>"+jam+" : "+menit);

【问题讨论】：

是的，setInterval 就是你想要的，这里解释一下：w3schools.com/jsref/met_win_setinterval.asp
当您不知道如何使用工具时，一个很好的起点是查看文档，然后尝试一下。完成后，我们可以帮助您调试它。
requestAnimationFrame() setTimeout() clearInterval()
问题是每次执行 setInterval 回调时都必须增加时间

标签： javascript time setinterval

【解决方案1】：

这应该可行：

<p id="date"></p>

<script>
setInterval(function(){
date = new Date();
seconds = date.getSeconds();
 menit = date.getMinutes();
 jam = date.getHours();
 hari = date.getDay();
 tanggal = date.getDate();
 bulan = date.getMonth();
 tahun = date.getFullYear();
document.getElementById('date').innerHTML = tanggal+" "+((bulan+1)%12)+" "+tahun+"<br>"+jam+" : "+menit+" : "+seconds;
},1000);
</script>

【讨论】：

【解决方案2】：

嗯，你可以在你的html代码中定位div：

const myDiv = document.getElementById('myId');

然后使用它来设置它的内部文本，如下所示：

setInterval(() => {
  myDiv.innerText = myFunction();
}, 1000);

myFunction 是：

const myFunction = () => {
  date = new Date();

  menit = date.getMinutes();
  jam = date.getHours();
  hari = date.getDay();
  tanggal = date.getDate();
  bulan = date.getMonth();
  tahun = date.getFullYear();

  return tanggal + ' ' + arrbulan[bulan] + ' ' + tahun + '<br />' + jam + ' : ' + menit;
}

【讨论】：

我明天试试这个

【解决方案3】：

是的。 setInterval 就是这样。

您需要将生成日期的代码包装在：

    setInterval(function() {
        // Load the date here every second
        document.getElementById('your-date-element').innerHTML = YOUR_DATE_HERE
    }, 1000)

用your-date-element 替换您希望日期所在的元素的ID，用YOUR_DATE_HERE 替换所需格式的日期。

此代码将每 1000 毫秒（1 秒）运行一次，并相应地更新日期。

【讨论】：

明天试试