Javascript：如何在午夜刷新页面？

Question

我一直试图让我的页面在午夜刷新，但我编写的代码不起作用。

这是我写的代码：

function reloadClock() {
  var reloadTime = new Date();
  var hrs = reloadTime.getHours();
  var min = reloadTime.getMinutes();
  var sec = reloadTime.getSeconds();
  
  // I tried this code, it will not work.
  if (hrs == 0 && min == 0 && sec == 0) {
    alert('this page will now reload');
    location.reload();
  }
  
  // I also tried this code, still can't get it to work.
  if (hrs == 14) { // Works as intended.
    alert(hrs);
    if (min == 31) { // Works as intended.
      alert(min);
      if (sec == 0) { // Does not work as intended.
        alert(sec);
        location.reload();
      }
    }
  }
  setTimeout(reloadClock(), 1000);
}

有人知道解决办法吗？

Answer 1

检查一下

const timerefresh = setInterval(function(){
  const time_ = new Date().toLocaleString('en-GB'); // return 24 hour time format in string, explaination about en-GB you can search on wikipedia, thats bored (:
  let date = time_.split(', ')[0].split('/'); // split the time strings to get date in array [day, month, year]
  let clock = time_.split(', ')[1].split(':'); // split the time strings to get clock in array [hour, min, sec]
  countDownTime(Number(clock[0]),Number(clock[1]),Number(clock[2]));
  document.getElementById('time1').innerHTML = 'date:'+date+', clock:'+clock;
  
},1000);
function countDownTime(h,m,s){
// some match to reverse the clock
document.getElementById('time2').innerHTML = 'countdown to midnight : '+ (23-h)+':'+(59-m)+':'+(60-s);
if(h === 23 && m === 59 && s === 59){ itsMidnight(); } // call its midnight 1 sec before clock 00:00:00
}
function itsMidnight(){
// its midnight, your function here
  console.log('midnight! reload.')
  window.location.reload();
}

// code below just for testing, you can delete it
let sectomidnight = 50;
function gotoMidnight(){
  clearInterval(timerefresh);
  setInterval(function(){
    sectomidnight += 1;
    countDownTime(23,59,sectomidnight);
  },1000);
  
}

<div id="time1"></div>
<div id="time2"></div>
<button onclick="gotoMidnight();">goto 10 sec before midnight</button>