如何在不每次都重新加载页面的情况下获取当前时间？

Question

你好，我学会了如何获取新的日期、时间等等，今天我做了一个简单的时钟这很好，但我需要重新加载页面以获取当前时间，所以我怎样才能使它更逼真，我的意思是在它计数时显示它，会好得多

$(function() {
  var d = new Date(),
    currentDay = d.getDate(),
    hour = d.getHours(),
    minutes = d.getMinutes(),
    seconds = d.getSeconds();

  if (hour < 10) {
    hour = '0' + hour;
  }
  if (minutes < 10) {
    minutes = '0' + minutes;
  }

  document.write(hour + ' : ' + minutes);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

您可以使用 setInterval 函数，因为您显示的是分钟，所以您可以每 60 秒调用一次 setInterval

$(function() {
  
  function setTime(){
  var d = new Date(),
    currentDay = d.getDate(),
    hour = d.getHours(),
    minutes = d.getMinutes(),
    seconds = d.getSeconds();
    if (hour < 10) {
    hour = '0' + hour;
    }
    if (minutes < 10) {
      minutes = '0' + minutes;
    }

    document.write(hour + ' : ' + minutes);
  }
  
  setTime();
  setInterval(setTime,60000);
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如何在不每次都重新加载页面的情况下获取当前时间？

how to get the current time without reloading the page every time?

jquery

clock

timing