jQuery的 - 搜索的文本輸入 - 延遲，直到足月進入

Question

我有下面的代碼，它可以檢測任何文本輸入到#search-box字段，然後立即運行搜索（如果大於2個字符）：

$('#search-box').on('input', function() { 

    var term = $(this).val(); 
    if (term.length > 2) { 
     //execute search and display results 
    } 

}); 

雖然這看起來並不漂亮，例如，如果您輸入dollar，在「玩偶」之後會出現一大堆玩偶，然後一旦輸入dolla就會用美元代替。這可能會在瞬間發生。

我想要做的是確定用戶是否已完成搜索詞。在搜索之前是否可以等待一秒鐘或兩秒鐘？如果在等待期間用戶輸入另一個字母，它會重置時鐘？

Answer 1

您將不得不使用setTimeout()等待輸入。

var tim = ''; 
$('#search-box').on('input', function() { 
    clearTimeout(tim); 
    tim = setTimeout(my_func, 2000); //2000 means 2 seconds; 
}); 

function my_func() { 
    var term = $(this).val(); 
    if (term.length > 2) { 
     //execute search and display results 
    } 
} 

秒在ms，因此你也可以設置類似1500了一年半第二。

clearTimeout用於破壞tim中的值。在clearTimeout(tim)之後，tim變爲零，然後在#search-box的長度增加/減少之後開始。