Chiamare una funzione javascript dopo 5 secondi dell'ultimo tasto premere

Question

Ho un modulo con un <input type=text /> e voglio chiamare una funzione javascript dopo 5 secondi dell'ultimo tasto premuto, e ogni volta che viene premuto un nuovo tasto, questo timer dovrebbe resettare e chiamare la funzione solo dopo 5 secondi.

Come posso fare questo?

Sto usando jQuery.

grazie!

Answer 1

Qualcosa del genere dovrebbe iniziare:

var timeout; 
$('input[type=text]').keypress(function() { 
    if(timeout) { 
     clearTimeout(timeout); 
     timeout = null; 
    } 

    timeout = setTimeout(myFunction, 5000) 
}) 

Answer 2

Anche se non fa uso di jQuery, si potrebbe anche avere uno sguardo alla funzione di debouncing descritto here.

Steve

Answer 3

Questo è grande, ma ricordate che è necessario attivare questo codice dopo i carichi di documenti e dopo i carichi di funzione per cancellare il timeout.

Ecco il codice completo:

var timeout; 
$(document).ready(function(){ 
    $('input[type=text]').keypress(function() { 
     if(timeout) { 
      clearTimeout(timeout); 
      timeout = null; 
     } 
     timeout = setTimeout(myFunction, 5000); 
    }); 
}); 

var myFunction = new function() { 
    alert('myFunction is running'); 
    clearTimeout(timeout); // this way will not run infinitely 
}