OnKeyUp JavaScript Zeitverzögerung?

Question

Hi Wieder Masters Of The Web :) Jetzt habe ich eine neue dumme Frage, und ich bitte um Verzeihung. Ich habe überall über diese Lösung gelesen, aber nicht die gefunden, die für mich funktioniert.

ich habe:

<input name="domain" type="text" id="domain" onKeyUp="javascript:chk_me();"> 

Alles, was ich bin zu fragen, wie dies nicht zu machen um zu überprüfen, nachdem eine Taste gedrückt wird, aber nach 1000 miliseconds der Tastatur Inaktivität zu sagen?

Answer 1

Try this:

var timer; 
function chk_me(){ 
    clearTimeout(timer); 
    timer=setTimeout(function validate(){...},1000); 
} 

Auf diese Weise jedes Mal, wenn eine Taste gedrückt wird, wird das Timeout gelöscht und das Set wieder.

Answer 2

setTimeOut() wäre das eine;)

<input name="domain" type="text" id="domain" onKeyUp="setTimeout('chk_me()',1000);"> 

link text

Answer 3

Ein anderer Ansatz, ohne Globals:

var typewatch = function(){ 
    var timer = 0; 
    return function(callback, ms){ 
     clearTimeout (timer); 
     timer = setTimeout(callback, ms); 
    } 
}(); 

Verbrauch:

die Veranstaltung durch JavaScript Anbringen:

window.onload = function() { 
    document.getElementById('domain').onkeyup = function() { 
     typewatch(function(){alert('Time elapsed!');}, 1000); 
    }; 
}; 

Oder ein Inline-Event-Handler (nicht so empfohlen viel) wie in Ihrem Beispiel:

<input type="text" name="domain" id="domain" 
    onKeyUp="typewatch(function(){alert('Time elapsed!');}, 1000);"/> 

Versuchen Sie eine Demo here.

Answer 4

Wirklich nützliche Post!

Ein weiterer Ansatz ohne Globals, mit der Funktion Eigenschaften:

function chk_me(){ 
    if(typeof timer !== undefined){ 
    clearTimeout(this.timer); 
    } 
    this.timer=setTimeout(function validate(){validate(...)},1000); 
}