美文网首页
超级简易的JS节流防抖实现

超级简易的JS节流防抖实现

作者: SystemLight | 来源:发表于2020-03-24 17:30 被阅读0次

    代码实现

        function throttle(func, time) {
            let runFlag = true;
            return function (e) {
                if (runFlag) {
                    runFlag = false;
                    setTimeout(function () {
                        func(e);
                        runFlag = true;
                    }, time);
                }
            }
        }
    
        function debounce(func, time) {
            let timer;
            return function (e) {
                clearTimeout(timer);
                timer = setTimeout(function () {
                    func(e);
                }, time);
            }
        }
    
        window.addEventListener("mousemove", debounce(function (e) {
            console.log(e);
        }, 1000))
    

    相关文章

      网友评论

          本文标题:超级简易的JS节流防抖实现

          本文链接:https://www.haomeiwen.com/subject/rrhayhtx.html