防抖和節(jié)流的實(shí)現(xiàn)

/*節(jié)流的實(shí)現(xiàn)*/
function thottle(fn) {
let timer;
return function(){

if(!timer){

timer = setTimeout(()=>{

fn.apply(this, arguments);
timer= null;

},5000)
}
}
}
function sy(){

console.log("jiuliu")

}
//應(yīng)用

window.onscroll = throttle(sy)

//結(jié)果:每隔5000ms執(zhí)行一次
//防抖


function debounce(fun){

let timer= null;


return function(){

clearTimeout(timer)
timer = setTimeout(()=>{

fun.apply(this,arguments)

},5000)
}

}
//應(yīng)用
window.onscroll = debounce(sy)


//結(jié)果  總是執(zhí)行最后一次行為后的結(jié)果


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 對(duì)于“防抖”和“節(jié)流”,之前以為這兩個(gè)詞是一個(gè)概念,翻了幾篇文章特此寫筆記整理一下。 防抖和節(jié)流的區(qū)別 防抖是.....
    mytac閱讀 1,814評(píng)論 0 1
  • 防抖 觸發(fā)高頻事件后n秒內(nèi)函數(shù)只會(huì)執(zhí)行一次,如果n秒內(nèi)高頻事件再次被觸發(fā),則重新計(jì)算時(shí)間 實(shí)現(xiàn)方式:每次觸發(fā)事件時(shí)...
    LenHong閱讀 38,470評(píng)論 5 36
  • 《泰坦尼克號(hào)》、《珍妮的畫像》
    芮曦閱讀 196評(píng)論 0 0
  • 之前有同事經(jīng)常會(huì)跟我說(shuō)某某人很聰明。我就很奇怪的問(wèn)她,你怎么知道呢?當(dāng)她告訴我說(shuō)因?yàn)樗凵駮?huì)發(fā)亮。當(dāng)時(shí)我只是: (...
    問(wèn)之成兮閱讀 270評(píng)論 1 2
  • 1、能讓人口腔分泌唾液的五行是( 木)、(火 ),讓人口腔感覺(jué)干,對(duì)口腔起到收斂作用的五行是( 金)、(水)。 2...
    悟靜_dcf4閱讀 213評(píng)論 1 0

友情鏈接更多精彩內(nèi)容