相对于定时器setTimeout 和 setInterval 的如何在指定时间之后执行被大家所熟悉来说,这两个系统函数的第三个参数可能有些同学还不是太清楚,我也是刚发现的,现学现卖一下。

这两个函数的基本用法很简单,setTimeout是在指定时间之后执行一次函数体;setInterval是每过一段时间就执行一次,直到清除该定时器。应用如下:
//setTimeout
setTimeout(function(){
console.log("this is console.log");
},100);
//setTimeout 在100毫秒之后输出"this is console.log",定时器执行完毕;
//setInterval
let m = 1;
let t = setInterval(function(){
console.log(m);
m++;
if(m>10){
clearInterval(t);
}
},100);
//setInterval 每100毫秒输出一次m的值,当m大于10,清除定时器,也就不再输出了。其实定时器还可以有第三个参数,甚至第四第N个参数,当然N是不能大于函数所能接受的参数大值的。
从第三个参数开始,包括第三个参数都将会当做定时器的回调函数的参数依次传入回调函数。
//setTimeout
setTimeout(function(l,m,n){
console.log(l,m,n);
},100 ,1,10,100);
//setTimeout 分别传入了第三四五个参数,在回调函数中也同时接收了三个参数,最终输出为
//1 10 100
//setInterval
let m = 1;
let s = setInterval(function(x,y,z){
console.log(x,y,z);
m++;
if(m>10){
clearInterval(s);
}
},100,m,m*10,m*100)
//setInterval 也和setTimeout一样从第三个参数开始都会按顺序传入回调函数。
///须要注意的是如果外部参数是值类型,不论第三四五参数如何变化,
//回调函数所接收的参数只是第一次传入的值
//上面的console.log(x,y,z)输出将会是
//1 10 100
//1 10 100
//1 10 100
//1 10 100
//1 10 100
//1 10 100
//1 10 100
//但如果外部参数如果是引用类型,比如是一个obj,那么,每次执行时是可以得到不同的数据的,例如:
let m = {a:1};
let s = setInterval(function(x){
console.log(x);
m.a++;
if(m.a>10){
clearInterval(s);
}
},100,m)
// 那么,上面console.log(x)的输出将会是:
//{ a: 1 }
//{ a: 2 }
//{ a: 3 }
//{ a: 4 }
//{ a: 5 }
//{ a: 6 }
//{ a: 7 }
//{ a: 8 }
//{ a: 9 }
//{ a: 10 }另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。