js定时器，将当前系统的时间渲染到网页（每隔一秒钟，重新获取一次时间，拼接渲染到网页）

先简单的添加一点样式

div {
            width: 500px;
            height: 100px;
            background-color: #dadada;
            font-size: 28px;
            margin: 0 auto;
            text-align: center;
            line-height: 100px;
        }

• 思路：获取当前系统的日期，将其年，月，日，时，分，秒提取出来，利用字符串拼接并渲染到网页中，最后将所有程序放入周期性定时器的回调函数中，调整间隔时间为1s。

   <div id="clock"></div>
      <script>
          function fn() {
              var date = new Date() //获取当前系统日期
              var y = date.getFullYear() //获取年
              var m = date.getMonth() + 1 //获取月
              var d = date.getDate() //获取日
              var h = date.getHours() //获取时
              var min = date.getMinutes() //获取分
              var s = date.getSeconds() //获取秒
              clock.innerHTML = `现在是${y}年${m}月${d}日 ${h<10 ? '0'+h : h}:${min<10 ? '0'+min : min}:${s<10 ? '0'+s : s}`
                  //利用三元表达式 当其小于10时 在其前面拼接一个'0'
          }
          fn() //打开网页，就要渲染一次
          // 周期定时器
          setInterval(fn, 1000) //间隔时间 1000ms
      </script>

不使用时可以使用 clearInterval() 进行清除。

Node.js中的几种定时器：

1.一次性定时器

开启：

var timer=setTimeout( 回调函数, 间隔时间 )

当间隔时间到了，会调用一次回调函数，时间单位是毫秒

清除：

clearTimeout(timer)

2.周期性定时器

开启：

var timer=setInterval( 回调函数, 间隔时间 )

每隔一段时间，调用一次回调函数

清除：

clearInterval(timer)

3.立即执行定时器

开启：

var timer=setImmediate( 回调函数 )

清除：

clearImmediate(timer)

另一个立即执行定时器

process.nextTick( 回调函数 )

提示：这个立即执行定时器,相比上一个立即执行器setImmediate（）先执行

注意：定时器中的回调函数会放入到主程序后的事件队列(一组回调函数组成)中执行