仅在500毫秒内内容未更改时执行操作

您可以设置和清除计时器,如下所示:

$(function(){
  $('input').keyup(function(){
    clearTimeout($.data(this, 'timer'));
    var input = this;
    $.data(this, 'timer', setTimeout(function() {
      $('#output').text($(input).text());
    }, 500));
  });
});

这是什么节目 keyup 它在运行前设置500毫秒的延迟 $('#output').text($(input).text()) ,如果在此之前按下另一个键,它将取消计时器并启动另一个…因此它将在空闲500毫秒后运行。也可以使用 $.data() 要将计时器存储在特定元素上,此通用解决方案适用于页面上任意数量的元素。

作为旁白,你的 $('document').ready() 应该是 $(document).ready() 或者更短的 $(function() { 就像我上面说的, "document" (在引号中)不必要地运行选择器。