如何延时触发事件

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

代码

  1. function debounce(method, delay) {
  2.     clearTimeout(method._tId); // important!
  3.     method._tId = setTimeout(function() {
  4.         method();
  5.     }, delay);
  6. }
  7. var DAscrollPosition = $(window).scrollTop();
  9. function getScrollDirection() {
  10.     var scroll = $(window).scrollTop();
  11.     if (scroll > DAscrollPosition) {
  12.         parent.postMessage('scrolldown', 'http://www.tlc.com.adops-002.dp.discovery.com');
  13.     }
  14.     if ((scroll < 100) && (scroll < DAscrollPosition)) {
  15.         parent.postMessage('scrollup', 'http://www.tlc.com.adops-002.dp.discovery.com');
  16.     }
  17.     DAscrollPosition = scroll;
  18. };
  19. $(window).scroll(function() {
  20.     debounce(getScrollDirection, 100);
  21. });

原文: https://leohxj.gitbooks.io/front-end-database/content/problems-in-develop-webapp/delay-fire-event.html