JS—— 计时事件

1.概念

JavaScript 一个设定的时间间隔之后来执行代码我们称之为计时事件

2.两个方法

setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 在指定的毫秒数后执行指定代码。
是HTML DOM Window对象的两个方法

3参数简介

setInterval(function(){},time)

• 第一个参数是函数
• 第二个参数间隔的毫秒数
  setTimeout(function(){},time)
• 第一个参数是函数
• 第二个参数间隔的毫秒数

4.如何停止执行?

计时方法用全局变量再将变量传入clearTimeout()

setInterval()停止
var a=setInterval(function(){},time)；
clearInterval(a);

setTimeout()停止
var b=setTimeout(function(){},time);
clearTimeout(b);

4.应用

**没有指定时间，将在所以语句执行完毕后再执行

setTimeout(function(){
  console.log("111");
})
console.log("222");
console.log("222");
for (var i = 0; i < 4; i++) {
  setTimeout(function(){
    console.log(i);
  })
  console.log("1+1")
}

222
222
1+1
1+1
1+1
1+1
111
4
4
4
4