为 jQuery 自动完成添加延迟

Question

有没有办法为我的自动完成搜索功能类型添加延迟？我基本上只希望我的 php 搜索在用户完成输入时启动（延迟 1 秒）。

这是我的 jQuery：

$(document).ready(function(){

  $('.search-box input[type="text"]').on("keyup input", function(){
    /* Get input value on change */
    var inputVal = $(this).val();
    var resultDropdown = $(this).siblings(".result");
    if(inputVal.length > 1){
      $.get("search.php", {term: inputVal}).done(function(data){
        // Display the returned data in browser
        resultDropdown.html(data);
      });
    } else{
      resultDropdown.empty();
    }
  });
  
});

Answer 1

您可以尝试使用超时

$(document).ready(function(){

    $('.search-box input[type="text"]').on("keyup input", function(){
      /* Get input value on change */
      var inputVal = $(this).val();
      var resultDropdown = $(this).siblings(".result");
      if(inputVal.length > 1){
        setTimeout(function(){$.get("search.php", {term: inputVal}).done(function(data){
            // Display the returned data in browser
            resultDropdown.html(data);
          });}, 1000);
        } else{
          resultDropdown.empty();
        }
      });
      
    });

Answer 2

setTimeout(
  function() 
  {
    //do something special
  }, 5000);
This should make it work 

如果这对你不起作用，请尝试做

$(selector).delay(para1, para2);