[TOC]
- 如何延时触发事件代码
如何延时触发事件
jQuery的文档中提到性能优化的时候,有一条就是关于事件触发频率的问题,大部分影响性能的操作不是click之类的事件,而是scroll,mouseover这样的事件。解决这些事件频繁触发的方法也很简单,就是加一个定时器,延时执行。
代码
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);});
