前端工程师手册

如何延时触发事件

jQuery的文档中提到性能优化的时候,有一条就是关于事件触发频率的问题,大部分影响性能的操作不是click之类的事件,而是scrollmouseover这样的事件。解决这些事件频繁触发的方法也很简单,就是加一个定时器,延时执行。

代码

function debounce(method, delay) {
    clearTimeout(method._tId); // important!
    method._tId = setTimeout(function() {
        method();
    }, delay);
}
var DAscrollPosition = $(window).scrollTop();

function getScrollDirection() {
    var scroll = $(window).scrollTop();
    if (scroll > DAscrollPosition) {
        parent.postMessage('scrolldown', 'http://www.tlc.com.adops-002.dp.discovery.com');
    }
    if ((scroll < 100) && (scroll < DAscrollPosition)) {
        parent.postMessage('scrollup', 'http://www.tlc.com.adops-002.dp.discovery.com');
    }
    DAscrollPosition = scroll;
};
$(window).scroll(function() {
    debounce(getScrollDirection, 100);
});