用js实现每隔一秒刷新时间的实例(含年月日时分秒)

下面是用js实现每隔一秒刷新时间的攻略，包含两个示例说明：

1. 调用setInterval函数实现每隔一秒钟刷新时间

setInterval是一个内置函数，用于重复执行某个任务。我们可以利用setInterval函数实现每隔一定时间刷新时间。

具体实现方法如下：

function refreshTime() {
  var now = new Date();
  var year = now.getFullYear();
  var month = now.getMonth() + 1;
  var day = now.getDate();
  var hour = now.getHours();
  var minute = now.getMinutes();
  var second = now.getSeconds();
  console.log(year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second);
}

setInterval(refreshTime, 1000);

上面的代码中，我们定义了一个refreshTime函数，在函数中获取当前时间，并将年、月、日、时、分、秒拼接成一个字符串输出到控制台。然后我们调用setInterval函数，将refreshTime函数传入，并设置时间间隔为1000毫秒（即1秒）。

这样就可以在网页上每隔1秒钟刷新一次当前时间了。

2. 借助moment.js插件实现每隔一秒钟刷新时间

moment.js是一个非常好用的js日期处理库，它可以方便地进行日期和时间的格式化、计算、比较等操作。

具体实现方法如下：

首先，在HTML文件中引入moment.js库：

<script src="https://cdn.staticfile.org/moment.js/2.24.0/moment.min.js"></script>

然后，我们可以定义一个名为time的span标签，用于显示当前时间：

<span id="time"></span>

最后，在js代码中调用setInterval函数，每隔1秒钟更新一次time标签的内容即可：

setInterval(function() {
  var now = moment().format('YYYY-MM-DD HH:mm:ss');
  document.getElementById('time').innerHTML = now;
}, 1000);

上述代码中，我们定义了一个匿名函数作为setInterval函数的参数，匿名函数中通过moment.js获取当前时间，并将其格式化为“年-月-日 时:分:秒”的形式。然后通过innerHTML属性将格式化后的时间设置为time标签的内容。

这样就实现了每隔1秒钟刷新时间，并且时间以“年-月-日 时:分:秒”的形式显示在网页上了。