代码之家 › 专栏 › 技术社区 › 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 年前

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>

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前