节流和防抖

防抖 (你狂点按钮也没有,等你冷静下来事件才会触发。)

  let time2;
    document.getElementById('防抖').onclick =
    function () {
        clearTimeout(time2);
        time2=setTimeout(function () {
            //做一些事情,比如请求数据
        },2000);
    };

节流 (做完一次,冷却一段时间,再去做)

 let bool=true;
        document.getElementById('节流').onclick = function () {
        if(bool){
            //做一些事情,比如请求数据
            bool=false;
            setTimeout(()=>{
                bool=true
            },2000)
        }
    }

你可能感兴趣的:(节流和防抖)