十二、定时器

12.1 setTimeout

作用：一定时间之后 执行函数

参数：

1. 被执行的函数
2. 延迟时间 它是一个数字 单位是毫秒

demo:

setTimeout(function() {
  console.log(1);
}, 3000)

效果：3秒之后，输出1

12.2 setInterval

作用：让一个函数按照时间循环执行
参数：

1. 被执行的函数
2. 间隔时间

demo:

// 每1秒输出这条代码
setInterval(function () {
  var now = new Date()
  var newYear = new Date('2021-01-01 0:0:0')
  var xiangchahaomiaozhi = newYear - now;
  var miao = xiangchahaomiaozhi / 1000;
  var fen = miao / 60;
  var xiaoshi = fen / 60;
  var tian = xiaoshi / 24;
  document.body.innerHTML = "<h1>" + ("现在距离元旦还有" + parseInt(tian) + "天" + parseInt(xiaoshi % 24) + "小时" + parseInt(fen % 60) + "分" + parseInt(miao % 60) + "秒") + "</h1>"
}, 1000)

作用：每一秒都生成一个时间并显示在body中