debounce（防抖動函數）

短時間內不重復觸發一個事件

設置一個門檻值，表示兩次 Ajax 通信的最小間隔時間。如果在間隔時間內，發生新的keydown事件，則不觸發 Ajax 通信，並且重新開始計時。如果過了指定時間，沒有發生新的keydown事件，再將數據發送出去。

這種做法叫做 debounce（防抖動）。假定兩次 Ajax 通信的間隔不得小於2500毫秒，上面的代碼可以改寫成下面這樣。

$('textarea').on('keydown', debounce(ajaxAction, 2500));

function debounce(fn, delay){
  var timer = null; // 聲明計時器
  return function() {
    var context = this;
    var args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  };
}

上面代碼中，只要在2500毫秒之內，用戶再次擊鍵，就會取消上一次的定時器，然后再新建一個定時器。這樣就保證了回調函數之間的調用間隔，至少是2500毫秒。

轉至 js教程