Javascript延迟事件

Question

我有一个函数handleScroll，当窗口的滚动位置改变时需要调用它。这是它的代码

$(window).scroll(handleScroll);

但问题是上面的代码最终过于频繁地调用handleScroll。如何修改上述代码，使 handleScroll 仅在用户停止滚动 200 毫秒后调用？

Answer 1

var timeoutHandle;

$(window).scroll(function(e) {
    if (timeoutHandle) {
        clearTimeout(timeoutHandle);
    }
    timeoutHandle = setTimeout(function() {
        handleScroll(e);
        timeoutHandle = null;
    }, 200);
});