美文网首页
超级简易的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