botones con tiempo... alguna solucion?

[helion]

HOla a todos ... tengo un problemilla y es el siguiente :

veran estoy usando el siguiente codigo Script

Código PHP:

  <script type="text/javascript"> 
function handleArrowKeys(evt) { 
evt = (evt) ? evt : ((window.event) ? event : null); 
if (evt) { 
switch (evt.keyCode) { 
case 37:  
izquierda(); 
break;     
case 38: 
arriba(); 
break;     
case 39: 
derecha(); 
break;     
case 40: 
abajo(); 
break;     
}}}  document.onkeyup = handleArrowKeys; 
</script>  
  

lo que hace, es activar la funcion al presionar los botones del teclado (arriba,abajo,izquierda,derecha) hasta ahi todo perfecto, pero quisiera cambiar un detalle de ello, y es que cuando presione un boton ... quiero que se espere 2 segundos, para que de nuevo funcione el presionar el boton ...

en otras palabras quiero evitar que se presionen seguidamente ... que haya un pause de 2 segundos, 2 en 2 ...

espero puedan ayudarme, gracias.

[Alexis88]

Yo lo haría así:

Código Javascript:

var control = true,
    fn = function(message){
        if (!control)
            setTimeout(function(){
                console.log(message);
            }, 2000);
        else
            console.log(message);
        control = false;
    };
 
document.addEventListener("keyup", function(e){
    var key = event.keyUp|| event.which;
  
    switch (key){
        case 37:
            fn("Izquierda");
        break;
        
        case 38:
            fn("Arriba");
        break;
        
        case 39:
            fn("Derecha");          
        break;
        
        case 40:
            fn("Abajo");            
        break;
    }
}, false);
 

Primero, defino una variable con la cual llevaré un control para obtener lo que buscas y que iniciará con el valor booleano false. Una vez que pulsemos una tecla, obtengo el código de ésta y según corresponda al valor de cualquiera de las teclas de dirección (las flechas), ejecuto una función a la cual le paso el nombre de la dirección como argumento, pero tú puedes ejecutar cualquier otra función en su lugar.

En esta función, evalúo el valor de la variable control; si su valor es false, muestro el mensaje con el nombre de la dirección luego de 2000 milésimas de segundo que equivalen a dos segundos, caso contrario, muestro inmediatamente el mensaje y cambio el valor de control a false. Como el valor inicial de esta variable es true, la primera vez que se pulse una tecla direccional, el mensaje se mostrará inmediatamente y cambiará el valor de control a false y para las siguientes veces, retraso la muestra del mensaje utilizando el método setTimeout, el cual ejecuta una función después de un tiempo determinado, que en este caso son 2000 milésimas de segundo.

Saludos