2010-02-25 164 views
5

我想计算两次点击javascript之间的时间间隔,但我不知道如何。计算Javascript中两次点击的时间间隔

例如;

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

如果用户点击了多次 - 小孩在5秒内说 - 我想显示一个警报。如果有帮助,我正在使用jQuery。我对JavaScript不太了解,但在空闲时间我一直在编写一个小型项目。

回答

9

像这样的东西会做的伎俩。用最后一次点击的时间保留变量,然后在用户再次单击链接时进行比较。如果差值<5秒示警戒

<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

下可以帮助你入门:

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. 创建一个变量来保存时间的点击,例如lastClick
  2. 为要跟踪点击的元素设置点击处理程序。
  3. 在处理程序中,检查lastClick中的值。如果没有值,则将其设置为当前时间。如果有值,请将其与当前时间进行比较。如果差异在您检查的范围内,则显示警报。