使用setTimeout，但是保存引用，这样你就可以防止它在进一步编辑时执行。基本上，只在最后一次击键过去5秒后更新预览一次（至少在下面的例子中）。

// maintain out of the scope of the event
var to;

$('#source-text').on('keyup',function(){
  // if it exists, clear it and prevent it from occuring
  if (to) clearTimeout(to);

  // reassign it a new timeout that will expire (assuming user doesn't
  // type before it's timed out)
  to = setTimeout(function(){
    updatePreview();
  }, 5e3 /* 5 seconds or whatever */);
});

参考文献：

• clearTimeout
• setTimeout

我并不是要自我碰撞，但这里有另一个（相关的）答案：How to trigger an event in input text after I stop typing/writing?

我调整了@bradchristie的回答，这并不是我想要的行为（用户停止输入后只会发生一次更新--我希望它们在输入过程中发生，但速度要慢一些）。
以下是解决方案（在http://jsfiddle.net/p4u2mhb9/3/上演示）：

// maintain out of the scope of the event
var to;
var updateCount = 0;
var timerInProgress = false;

$('#source-text').on('keyup', function () {
    // reassign a new timeout that will expire
    if (!timerInProgress) {
        timerInProgress = true;
        to = setTimeout(function () {
            timerInProgress = false;
            updatePreview();
        }, 1e3 /* 1 second */ );
    }
});

我让@布拉德Christie的回答更通用，见http://jsfiddle.net/NickU/gLxucfjv/38/

var lazyRun = function (funcCall, delay, key) 
{
  if (typeof funcCall !== "function") return;
  if (typeof key === "undefined") key = "timeoutId";
  funcCall.to = funcCall.to || {};
  if (funcCall.to[key]) clearTimeout(funcCall.to[key]);
  var args = arguments.length > 3 ? Array.prototype.slice.call(arguments, 3) : [];
  funcCall.to[key] = setTimeout(funcCall, delay, ...args);
};


  $(document).ready(function () 
  {
      $('input').on('keyup', function () {
          lazyRun(updatePreview,1e3, this.id, '#update-count-'+ this.id, 
          this.updateCount ? ++this.updateCount : (this.updateCount = 1));
      });
      $('label').text("not updated yet");
  });

  function updatePreview(id, updateCount) {
      $(id).text("->" + updateCount);
  }

超文本：

<form>
    <input type="text" id="source-text" />
    <label id="update-count-source-text">not updated</label><hr>
     <input type="text" id="source-text-2" />
    <label id="update-count-source-text-2">not updated</label>
 </form>

lazyRun的最简单形式是：

var lazyRun = function (funcCall, delay) {
  if (funcCall.to) clearTimeout(funcCall.to);
  funcCall.to = setTimeout(funcCall, delay);
};