每秒更新以显示时间

时间:2020-05-12 14:22:53

标签: javascript time setinterval

我真的很陌生。我希望这个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);

3 个答案:

答案 0 :(得分:1)

好吧, 您可以使用以下代码在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;
}

答案 1 :(得分: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 :(得分:0)

是的。 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秒)运行一次,并相应地更新日期。