settimeout和setInterval的使用
1、settimeout
var timeOut=setOutout(()=>{ console.log("我是定时器"); },2000) //此时打印的是定时器的id值timeOut和定时器内部数据 console.log(timeOut); //加上清除后,不会打印内部数据,只会打印id值timeOut clearTimeout(timeOut);
2、setInterval
var a = 0; //设置每1s执行一次; var timeInt = setInterval(() => { a++; console.log(a); if (a > 5) { //当a>5时清除定时器 clearInterval(timeInt); } }, 1000);
3、在vue中使用
var timeOut=setTimeout(function() { console.log("定时器"); this.bool=false;//在data中设置动态值bool控制开关 console.log(this.bool); }, 2000); if(!this.bool){//判断清除定时器 clearTimeout(timeOut); } var timeInt = setInterval(() => { console.log("2s打印一次"); this.bool = false; if (!this.bool) { clearInterval(timeInt); } }, 2000)