您好,登錄后才能下訂單哦!
相對于定時器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 }
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。