Question

我正在开发一个简单的数字时钟，我希望页面每60秒重新加载一次。

因此，基本上，当时钟上的分钟改变时，我希望页面自动刷新。

下面是我的JS代码：

var date = new Date();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();

if (s == 60){   //If the seconds equal to 60 then update the minutes accordingly
  m++; 
}

window.onload = function(){
  if (h >= 12) {
    if(m < 10){
      var timePM = ' PM';
      document.getElementById('time').innerHTML =   h + ':' + '0' + m + timePM;
    } else{
      var timePM = ' PM';
      document.getElementById('time').innerHTML =   h + ':' + m + timePM;
    }
  }
  else{
    if(m<10){
      var timeAM = ' AM';
      document.getElementById('time').innerHTML =   h + ':' + + '0' + m + timeAM;
    }else{
      var timeAM = ' AM';
      document.getElementById('time').innerHTML =   h + ':' + m + timeAM;
    }
  }
}

我尝试使用以下meta标签。但是，这似乎不起作用。

<meta http-equiv="refresh" content="60" />

Answer 1

尝试一下，您就完成了...

setInterval(function(){
   window.location.reload(1);
}, 60000);

Answer 2

setTimeout函数仅调用一次，因此请使用setInterval函数

setInterval("location.reload(true);", 60000);

它将在一分钟后刷新您的页面。

Answer 3

如果您需要编写数字时钟。这是一个很好的示例：

https://codepen.io/afarrar/pen/JRaEjP

这行代码将刷新您的内容：

setTimeout("Your String", 60000);

使用JavaScript每60秒自动刷新页面

3 个答案: