js 节流、防抖

    /**基本防抖案例:先清除,后setTimeout进行执行**/
        document.querySelector("#send").addEventListener("click",function(e){
            clearTimeout(window.mytime_01);
            window.mytime_01 = setTimeout(function(){ 
                console.log("发射...");
            }, 500);
        });
        

/**基本节流案例:setTimeout执行完时,恢复标志位,下一次才能执行*/ var mytime_02 = true; window.onscroll = function(e) { if(!mytime_02){return;} //首次进入能执行 mytime_02 = false; setTimeout(function(){ console.log("滚..."); mytime_02 = true; //上次执行成功,下一次才可执行。 }, 200); }

猜你喜欢

转载自www.cnblogs.com/fanqiuzhuji/p/12911408.html