2010-02-25 35 views
5

Quiero calcular el tiempo entre dos clics de un atributo con javascript pero no sé cómo.Calculando el tiempo entre dos clics en Javascript

Por ejemplo;

<a href="#">click here</a> 

si el usuario hace clic más de una vez, digamos en 5 segundos, quiero mostrar una alerta. Estoy usando jQuery si eso ayuda. No sé mucho sobre JavaScript, pero he estado codificando un pequeño proyecto en mi tiempo libre.

Respuesta

9

Algo así haría el truco. Mantenga una variable con la hora del último clic y luego compárela cuando el usuario vuelva a hacer clic en el enlace. Si la diferencia es < 5 segundos muestran la alerta

<a id='testLink' href="#">click here</a> 
<script type='text/javascript'> 
    var lastClick = 0; 
    $("#testLink").click(function() { 
     var d = new Date(); 
     var t = d.getTime(); 
     if(t - lastClick < 5000) { 
      alert("LESS THAN 5 SECONDS!!!"); 
     } 
     lastClick = t; 
    }); 
</script> 
1

Lo siguiente puede ayudarte a empezar:

var lastClicked = 0; 

function onClickCheck() { 
    var timeNow = (new Date()).getTime(); 

    if (timeNow > (lastClicked + 5000)) { 
     // Execute the link action 
    } 
    else { 
     alert('Please wait at least 5 seconds between clicks!'); 
    } 

    lastClicked = timeNow; 
} 

HTML:

<a href="#" onClick="onClickCheck();">click here</a> 
0
  1. Crear una variable para contener el momento de un clic, digamos lastClick.
  2. Configure un controlador de clics para el elemento que desea rastrear los clics.
  3. Dentro del controlador, verifique el valor en lastClick. Si no hay ningún valor, configúrelo a la hora actual. Si hay un valor, compárelo con la hora actual. Si la diferencia está dentro del rango que está buscando, muestre la alerta.
Cuestiones relacionadas