代码之家 › 专栏 › 技术社区 › Ramez GaIal

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

timing clock jquery

-1

Ramez GaIal · 技术社区 · 7 年前

你好,我学会了如何获得新的日期,时间和东西,今天我做了一个简单的时钟这很好,但我需要重新加载页面以获取当前时间,因此如何使其更逼真,我的意思是在计数时显示它,会更好

$(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>

1 回复 | 直到 7 年前

1

Renzo Calla 7 年前

您可以使用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>

推荐文章

David · GDK3/GTK3窗口更新的精确定时

7 年前

Mrchacha · 设计编译期间未满足时间要求

7 年前

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

7 年前

Higeath · 从3个嵌套循环计算延迟

9 年前

Jaggler3 Venkat Esan · C#计算增量时间的问题

9 年前

ngreenup · $(这个)不可用-我缺少什么?

11 年前