函数防抖 停止滑动 1 秒后执行函数 () 输入框等输入完成后 执行

函数防抖 停止滑动 1 秒后执行函数 。 输入框等输入完成后 执行

函数防抖作用 减轻服务器压力

 $(function(){
   
   // 实现 1
 // fn 是需要防抖处理的函数
 // wait 是时间间隔
 function debounce(fn, wait = 50) {
       // 通过闭包缓存一个定时器 id
       let timer = null
       // 将 debounce 处理结果当作函数返回
       // 触发事件回调时执行这个返回函数
       return function(...args) {
       // 如果已经设定过定时器就清空上一次的定时器
       if (timer) clearTimeout(timer)
       // 开始设定一个新的定时器，定时器结束后执行传入的函数 fn
       timer = setTimeout(() => {
       fn.apply(this, args)
       }, wait)
       }
       }
       // DEMO
       // 执行 debounce 函数返回新函数
       const betterFn = debounce(() => console.log('fn 防抖执行了'), 1000)
       // 停止滑动 1 秒后执行函数 () => console.log('fn 防抖执行了')
       document.addEventListener('scroll', betterFn)
     
 })

输入框 等输入完成后 执行

$("#email").on("keyup",checkEmail());  //这里监听键盘事件
function checkEmail(){
    let timer=null;
    return function (){
        clearTimeout(timer);
        timer=setTimeout(function(){
            console.log('执行检查');
        },800);
    }
}