Llamar a una función javascript después de 5 segundos de la última tecla

Question

Tengo un formulario con <input type=text /> y quiero llamar a una función javascript después de 5 segundos de presionar la última tecla, y cada vez que se presiona una nueva tecla, este temporizador reinicie y solo llame a la función después de 5 segundos.

¿Cómo puedo hacer esto?

Estoy usando jQuery.

gracias!

Answer 1

Algo como esto debería empezar:

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

    timeout = setTimeout(myFunction, 5000) 
}) 

Answer 2

A pesar de que no utiliza jQuery, también se puede echar un vistazo a la función de supresión de rebotes describe here.

Steve

Answer 3

Esto es muy bueno, pero recuerda que es necesario tener el código después de que las cargas de documentos y después de las cargas de función para borrar el tiempo de espera.

Aquí está el código 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 
}