입력시 사용자 유휴 시간

Question

내가 가지고있는 문제는 사용자가 내 $("input#q) 필드에 적어도 100ms 동안 입력을 중단 한 후 내 doSearch() -method라고하는 검색 기능입니다.

나는이 answer의 논리를 사용하여이 작업을 시도했지만 setInterval()을 설정/해제해야하는 곳이 붙어있어서 idleTime을 증가시킵니다.

var idleTime = 0; 

$("input#q").keyup(function() { 
    idleTime = 0; 
    idleInterval = setInterval(function() { 
    idleTimeIncrement(); 
    }, 25); 
}); 

function idleTimeIncrement() { 
    idleTime += 25; 
    if (idleTime >= 100) { 
    doSearch($("input#q").val()); 
    } 
} 

내가 방화범 콘솔에서지고있어 오류가 말한다 :

너무 많은 재귀.

그래서 나는 당신이 새로 시작할 때 타이머를 재설정해야 내 코드에서 무한 루프 ... ;-)

Answer 1

을 가진 것 같아. 여기에 내가 무엇을 할 것인가 :

var timer = null; 
$('input#q').keyup(function() { 
    if (timer) { 
     clearTimeout(timer); 
    } 
    timer = setTimeout(function() { 
     doSearch($('input#q').val()) 
    }, 100); 
});