Таймер Javascript, который перезапускается на клавиатуре?

Question

O, так что у меня есть поисковый запрос ajax «в реальном времени», в котором в настоящее время выполняется поиск по sql (через ajax) на каждом ключе вверх.

Что я предпочел бы, чтобы:

запустить поиск SQL после ключа не была нажата в течение 800 миллисекунд сказать

.

Так я хочу иметь таймер, который запускается на клавишу вверх, если таймер достигает 800ms, то Аякса называется, если новое событие KeyUp происходит таймер перезапускается

как бы я сделай это?

Answer 1

Существует отличный плагин TypeWatch, который вы можете посмотреть (IIRC StackOverflow использует это для страницы Users). Вот Пример использования:

$("#textId").typeWatch({ 
    highlight: true, 
    wait: 800, 
    captureLength: -1, 
    callback: function() { 
     // changed text 
    } 
}); 

Answer 2

(function() { 

var theTimeout; 

function doSearch() { 
    // Do Search 
}; 

$('#theField').bind('keyup', function() { 
    clearTimeout(theTimeout); 

    theTimeout = setTimeout(doSearch, 800); 
}); 

}()) 

Answer 3

Я имел эту проблему, мое решение было это:

var doAjax = 0 
$("input#name").keyup(function(){ 
    doAjax++; 
    setTimeout(function(){ 
     doAjax--; 
     if(doAjax>=1){ 
      return; 
     } 
     $.post("do_ajax", { ... 

Незнайка, если это является лучшим решением, но это работает :)