jquery queue для автоматического поиска существующих пользователей

Question

Я надеюсь внедрить поисковую систему, которая запускает запрос ajax, чтобы автоматически получать результаты поиска. Однако мне бы хотелось только сделать это: пользователь «закончил печатать» (после задержки 2 секунды).

Я думал, что правильным способом обойти это будет использование очереди. Очистка очереди при вводе новой буквы, чтобы гарантировать, что установка может быть остановлена, аналогично stop() при анимации. но я не могу его правильно реализовать.

 $('.js-header-search-box').on('input propertychange paste', function() { 
     // stop current queued search 
     $('.js-header-search-box').dequeue(); 
     // search 
     var q = $(this).val(); 
     $('.js-header-search-box').queue(function() { 
      setTimeout(SearchAccounts(q), 2000); 
     }) 
    }); 

Answer 1

$('.js-header-search-box').on('input propertychange paste', function (event) { 
    // stop current queued search 
    if (event.target.timeout)// false if undefined 
     clearTimeout(event.target.timeout); 

    // search 
    var q = $(event.target).val(); 
    event.target.timeout = setTimeout(function() { 
     SearchAccounts(q) 
    }, 2000); 
});