监听指定时间段内的多个事件

Question

有没有一种方法可以使用 JavaScript 在一段时间内监听 HTML 元素上的多个事件？

例如，我想查看用户是否在 2500 毫秒内单击某个元素 5 次或类似的情况。

目前我无法详细说明。如果需要的话，一旦我有更多时间，我可以提供更多细节。

我正在考虑 HTML 元素上的点击事件，该事件会更新每次点击的点击次数，然后如果在指定时间段内未达到指定的点击次数，则重置计时器。我尝试了一些方法来实现这一目标，但都失败了。

我希望它是纯 JavaScript，但我可以使用 jQuery 作为最后的手段。

如果这个问题有一个完全明显的答案，我提前道歉。

这与点击频率计算不同，因为我不太关心频率。我关心的是用户在某个时间段内点击了几次，然后才运行一些代码。我也不想使用setInterval(). 这两个问题肯定是相关的，但我不会说它们是重复的。

Answer 1

此方法不需要任何 Jquery 或使用任何计时器，这作为一个额外的好处，使其更加准确。

var clicks = 0,
    firstClickTime = 0,
    clicksNeeded = 3,
    timeSpan = 1000; //time in milliseconds

var myEvent = function(){
  document.getElementById("myLabel").innerHTML="TRIGGERED!";
}

document.getElementById("myButton").onclick = function(){
  var dt = Date.now()-firstClickTime;
  if ( dt > timeSpan){
    firstClickTime=Date.now();
    clicks = 0;
  }
  if (++clicks >= clicksNeeded){
    firstClickTime=0;
    clicks=0;
    myEvent();
  }
};

<button id="myButton">Test</button>
<button id="reset" onclick="document.getElementById('myLabel').innerHTML='Not Triggered';clicks=0;firstClickTime=0;">Reset</button>
<h1 id="myLabel">Not Triggered</h1>