Jak dodać licznik czasu oczekiwania w zdarzeniu kluczowania pola wejściowego?

Question

Mam pole wprowadzania i ma zdarzenie keyup:

$(document).ready(function() { 
    $('#SearchInputBox').keyup(function() { 
     DoSearch($(this).val()); 
    }); 
}); 

Jak mogę dodać opóźnienia, tak, że tylko wtedy, gdy użytkownik przestał wpisując na 1 sekundę, a następnie będzie uruchomić funkcję DoSearch. Nie chcę go uruchamiać za każdym razem, gdy użytkownik wpisze klucz, ponieważ jeśli będą pisać szybko, to będzie on opóźniony.

Answer 1

Zasadniczo, ustaw limit czasu dla każdego kluczowania. Jeśli istnieje już limit czasu, wyczyść go i ustaw inny. Funkcja DoSearch() będzie działać tylko wtedy, gdy limit czasu zostanie ukończony bez konieczności resetowania przez inne naciśnięcie klawisza (to znaczy, gdy użytkownik przestanie pisać przez 1000 ms).

var timeout = null; 
$('#SearchInputBox').on('keyup', function() { 
    var that = this; 
    if (timeout !== null) { 
     clearTimeout(timeout); 
    } 
    timeout = setTimeout(function() { 
     DoSearch($(that).val()); 
    }, 1000); 
});