延迟jQuery中的按键之间的动作

如何延迟jQuery中的按键之间的操作。
例如;

我有这样的东西

if($(this).val().length > 1){
   $.post("stuff.PHP",{nStr: "" + $(this).val() + ""},function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
 });
}

我想防止发布数据，如果用户不断打字。那么如何能给出0.5秒的延迟？

解决方法

你可以使用jQuery的数据能力来做到这一点，像这样：

$('#mySearch').keyup(function() {
  clearTimeout($.data(this,'timer'));
  var wait = setTimeout(search,500);
  $(this).data('timer',wait);
});

function search() {
  $.post("stuff.PHP",{nStr: "" + $('#mySearch').val() + ""},function(data){
    if(data.length > 0) {
      $('#suggestions').show();
      $('#autoSuggestionsList').html(data);
    }else{
      $('#suggestions').hide();
    }
  });
}

这里的主要优点是没有全局变量，如果你想的话，你可以将它包装在setTimeout中的一个匿名函数，只是试图使示例尽可能干净。

原文地址：https://www.jb51.cc/jquery/184436.html