节流 防抖重温

 

 

//防抖 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时，重新触发定时器。

   function handle() {
       console.log(Math.random().toFixed(2))
   }
   let timer
   function fd(fn){
       if(timer){
           clearTimeout(timer)
       }
       timer = setTimeout(fn,1000)
   }
   window.onscroll = (()=>{
       fd(handle)
   })

 

 

节流是不管n秒内触发多少次，只会每间隔n秒才会触发一次，所以用return

节流 n秒内事件只触发一次（如下：触发事件后5s内只会触发一次）

    <input type="text" name="throttle" id="throttle">
    <script type="text/javascript">
        //节流是不管time内触发多少次，只会每间隔time时间才会触发一次，所以用return
        //节流 n秒内事件只触发一次（如下：触发事件后5s内只会触发一次）
        const dom1 = document.getElementById('throttle')
        let timer = null
        dom1.addEventListener('keyup',function (e) {
            console.log('eee',e.target.value)
            if(timer) {
                return
            }
            timer = setTimeout(() => {
                console.log('节流~~~~~~~~')
                timer = null
            }, 5000)
        })

    </script>