js实现节流函数

技术 · 2023-07-11
js实现节流函数

节流:在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发。
在滚动条滚动事件里,每隔2s弹出广告

    window.onscroll=throttle(function(){
        alert('这是广告')
    },2000)

    function throttle(fn,delay){
        let t = true
        return function(){
            if( t){
                setTimeout(() => {
                    fn.call(this);
                    t=true
                }, delay);
            }
            t = false
        }
    }
javascript 节流
Theme Jasmine by Kent Liao