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

Question

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

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

запустить поиск sql после того, как клавиша не была нажата в течение 800 миллисекунд

.

Так что я хочу иметь таймер, который запускается при включении, если таймер достигает 800 мс, то вызывается ajax, если происходит новое событие keyup, таймер перезапускается

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

Answer 1

(function () {

var theTimeout;

function doSearch() {
  // Do Search
};

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

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

}())

Answer 2

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

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

Answer 3

У меня была эта проблема, мое решение было так:

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

Не знаю, если это лучшее решение, но оно работает:)