降低Javascript事件轮询的频率

Question

你如何降低javascript事件轮询的频率？我关注的事件是onResize和onScroll.当有人调整浏览器大小或向下滚动时,这些事件可能会每秒触发几十次.我希望这些事件每500毫秒才会发生一次,所以我不必花费数小时优化我的事件处理程序并确保它们不会泄漏内存.

Answer 1

var resizeTimeout;

window.onresize = function() {
    if (resizeTimeout) {
        clearTimeout(resizeTimeout);
    }
    resizeTimeout = setTimeout(function() {
        // Do it!
    }, 500);

});

这个将setTimeout()在人完成大小调整后触发~500ms 的功能.

该onscroll版本非常相似:)

Answer 2

你真的无法控制如何频繁的事件触发,你可以做这样的事情还记得第一个事件触发的时间,然后在每个随后的一个你检查它是否是从第一个超过500毫秒 - 如果是,你与该事件进行处理程序,否则你只是退出事件hanlder