节流

106 阅读1分钟

节流

什么是节流?

事件频繁被触发,节流能够减少事件发生的频率,因此节流是有选择的执行一部分事件

顺带提一下防抖

之前看到一个很形象的比喻。节流防抖就好比乘电梯,比如delay是10秒,name防抖就是电梯每进来一个人就要等10秒再运行,而节流就是电梯保证每10秒可以运行一次

节流的步骤

<script>
        // let angle = $('#angle')

        //1.定义一个timer节流阀
        $(document).on('mousemove',function(e){
            if(timer) return    //3.如果节流阀不为空,说明间隔时间不足16ms
            let timer = setTimeout(function(){
                //设置图片的位置
                $('#angle').css('top',e.pageY).css('left',e.pageX)
                timer = null    //2.设置跟随效果好,清空timer节流阀
            },16)
          
        })
</script>