OnKeyUp JavaScript Time Delay?

Question

Ciao ancora padroni del Web :) Ora, ho una nuova stupida domanda, e sto chiedendo di perdonarmi. Ho letto ovunque su questa soluzione, ma non ho trovato quello che funziona per me.

ho ottenuto:

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

Tutto quello che chiedo è come fare questo non per verificare dopo aver premuto un pulsante, ma dopo per dire 1000 millisecondi di inattività della tastiera?

Answer 1

Prova questa:

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

In questo modo ogni volta che si preme un tasto, il timeout sarà cancellato e il set di nuovo.

Answer 2

setTimeout() sarebbe quello;)

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

link text

Answer 3

Un altro approccio, senza globali:

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

Usage:

Attaccare l'evento attraverso JavaScript:

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

o utilizzando un gestore di eventi in linea (non tanto raccomandata) come nel tuo esempio:

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

Provare una demo here.

Answer 4

Post davvero utile!

Un altro approccio senza globali, utilizzando le proprietà funzionali:

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