2010-02-25 140 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中的值。如果沒有值,則將其設置爲當前時間。如果有值,請將其與當前時間進行比較。如果差異在您檢查的範圍內,則顯示警報。