定时器

定时器的参数说明

// 定时器可以传递多个参数：
// 第一个是回调函数CB、第二个是等待时间
// 第三个及以后都是到时间后，执行CB，给CB预先传递的实参值
setTimeout(function (x, y) {
    console.log(x, y); //1秒后执行回调函数，x='zhufeng' y='peixun'
}, 1000, 'zhufeng', 'peixun'); */

1)setTimeOut

等待1秒后，浏览器帮助我们把这个函数执行 是单次调用

setTimeout(function(){
    alert("wasai!you are beautiful");
     // 等待1秒后，浏览器帮助我们把这个函数执行
    //       +当前写法是没有给其传实参值的，所以x的值是undefined
},1000)

2)setInterval

  间隔多少时间后，去执行某些事情，是多次调用

setInterval(function(){
    console.log("我真美！")
},1000)

定时器是有返回值的，返回值代表定时器处于当前页面中的第几个

var time1=setTimeout(function(){
    console.log("wasai!you are beautiful");
},1000)



var time2=setInterval(function(){
    console.log("我真美！")
},1000)

var time3=setTimeout(function(){
    console.log("aa");
},1000)

console.log(time1)=====>1
console.log(time1)=====>2
console.log(time1)=====>3

定时器是异步任务，只要当咱们同步代码执行完毕之后，才能执行。看下面代码是先刷剧还是先旅游？

var time1=setTimeout(function(){
    console.log("旅游");
},1000)

function aa(){
    console.log("刷剧")
}
aa();

清除定时器的方法

• clearTimeout
• clearInterval

 var time1=setTimeout(function(){
       console.log('1')
 },1000)

clearTimeout(time1);


var time2=setInterval(function(){
    console.log("in")
},1000);

clearInterval(time2)