您好,登錄后才能下訂單哦!
相對(duì)于定時(shí)器setTimeout 和 setInterval 的如何在指定時(shí)間之后執(zhí)行被大家所熟悉來(lái)說(shuō),這兩個(gè)系統(tǒng)函數(shù)的第三個(gè)參數(shù)可能有些同學(xué)還不是太清楚,我也是剛發(fā)現(xiàn)的,現(xiàn)學(xué)現(xiàn)賣(mài)一下。
這兩個(gè)函數(shù)的基本用法很簡(jiǎn)單,setTimeout是在指定時(shí)間之后執(zhí)行一次函數(shù)體;setInterval是每過(guò)一段時(shí)間就執(zhí)行一次,直到清除該定時(shí)器。應(yīng)用如下:
//setTimeout setTimeout(function(){ console.log("this is console.log"); },100); //setTimeout 在100毫秒之后輸出"this is console.log",定時(shí)器執(zhí)行完畢; //setInterval let m = 1; let t = setInterval(function(){ console.log(m); m++; if(m>10){ clearInterval(t); } },100); //setInterval 每100毫秒輸出一次m的值,當(dāng)m大于10,清除定時(shí)器,也就不再輸出了。
其實(shí)定時(shí)器還可以有第三個(gè)參數(shù),甚至第四第N個(gè)參數(shù),當(dāng)然N是不能大于函數(shù)所能接受的參數(shù)最大值的。
從第三個(gè)參數(shù)開(kāi)始,包括第三個(gè)參數(shù)都將會(huì)當(dāng)做定時(shí)器的回調(diào)函數(shù)的參數(shù)依次傳入回調(diào)函數(shù)。
//setTimeout setTimeout(function(l,m,n){ console.log(l,m,n); },100 ,1,10,100); //setTimeout 分別傳入了第三四五個(gè)參數(shù),在回調(diào)函數(shù)中也同時(shí)接收了三個(gè)參數(shù),最終輸出為 //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一樣從第三個(gè)參數(shù)開(kāi)始都會(huì)按順序傳入回調(diào)函數(shù)。 ///須要注意的是如果外部參數(shù)是值類型,不論第三四五參數(shù)如何變化, //回調(diào)函數(shù)所接收的參數(shù)只是第一次傳入的值 //上面的console.log(x,y,z)輸出將會(huì)是 //1 10 100 //1 10 100 //1 10 100 //1 10 100 //1 10 100 //1 10 100 //1 10 100 //但如果外部參數(shù)如果是引用類型,比如是一個(gè)obj,那么,每次執(zhí)行時(shí)是可以得到不同的數(shù)據(jù)的,例如: 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)的輸出將會(huì)是: //{ a: 1 } //{ a: 2 } //{ a: 3 } //{ a: 4 } //{ a: 5 } //{ a: 6 } //{ a: 7 } //{ a: 8 } //{ a: 9 } //{ a: 10 }
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。