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); }