java - 如何在java脚本或jquery中计算相同按钮单击3次和4次时的间隔时间

Posted 2023-05-09

【中文标题】java - 如何在java脚本或jquery中计算相同按钮单击3次和4次时的间隔时间

【英文标题】：How to calculate interval time when same button clicked 3 times and 4 times in java script or jquery

【发布时间】：2015-01-02 19:05:32

【问题描述】：

jquery 的 javascript 中有一个按钮。第一次按下按钮，几秒钟后我再次按下相同的按钮。我从堆栈溢出中获得了计算两次单击相同按钮之间的间隔的代码。如何计算同一个按钮的第一次单击和第三次单击以及同一个按钮的第一次单击和第四次单击之间的间隔。请帮忙。

代码计算第一次和第二次点击之间的间隔时间

var startTime;
$("#bu").on('click', function() 
    if(startTime) 
        alert( "Time difference: " + (new Date().getTime() - startTime) );
        startTime = undefined;
     else 
        startTime = new Date().getTime();
    
);

【参考方案1】：

像这样：

var clickTimes = [];
$("#bu").on('click', function() 
  var clickTime = new Date().getTime();

  for (var i = 0; i < clickTimes.length; i++) 
    var difference = clickTime - clickTimes[i];

    alert("Time since click " + (i + 1) + ": " + difference);
  

  clickTimes.push(clickTime);
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="bu" value="Click me"/>

通过将按钮被单击的所有时间存储在一个数组中，您可以计算任意点的任意两次单击之间的差异。所以对于第三次和第四次点击，分别是：

var timeBetweenFirstAndThirdClick = clickTimes[2] - clickTimes[0];
var timeBetweenFirstAndFourthClick = clickTimes[3] - clickTimes[0];

【参考方案2】：

您可以在单击按钮时将时间推送到数组中，并使用该数组您可以发现任何点击之间的差异。

【参考方案3】：

我猜这就是你的意思！

var startTime;
var count1 =1;
$("#bu").on('click', function() 

    if(startTime) 

        alert( "difference start and "+ count1 +"click: " + (new Date().getTime() - startTime) );
        count1++;
     else 
        startTime = new Date().getTime();

    
);