2010-02-25 10 views
5

Je veux calculer le temps entre deux clics d'un attribut avec javascript mais je ne sais pas comment.Calcul du temps entre deux clics en Javascript

Par exemple;

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

Si l'utilisateur clique plus d'une fois, par exemple, en 5 secondes, je souhaite afficher une alerte. J'utilise jQuery si cela aide. Je ne sais pas grand-chose sur javascript mais j'ai codé un petit projet dans mon temps libre.

Répondre

9

Quelque chose comme ça ferait l'affaire. Conservez une variable avec l'heure du dernier clic, puis comparez-la lorsque l'utilisateur clique à nouveau sur le lien. Si la différence est < 5 secondes montrent l'alerte

<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

Ce qui suit peut vous aider à commencer:

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. Créer une variable pour tenir le temps d'un clic, disons lastClick.
  2. Configurez un gestionnaire de clics pour l'élément sur lequel vous souhaitez effectuer le suivi. Dans le gestionnaire, vérifiez la valeur lastClick. S'il n'y a pas de valeur, réglez-la sur l'heure actuelle. S'il y a une valeur, comparez-la à l'heure actuelle. Si la différence est dans la plage que vous recherchez, affichez l'alerte.