Javascript延迟事件

Question

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

$(window).scroll(handleScroll); 

但问题是，上面的代码结束了太频繁调用handleScroll。如何修改上面的代码，以便在用户停止滚动200毫秒后才调用handleScroll？

Answer 1

var timeoutHandle; 

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

Answer 2

使用underscorejs库，它可以很容易作为

var debounceid = _.debounce(handleScroll, 200); 
$(window).resize(debounceid);