java - 如何在java脚本或jquery中单击两次相同的按钮时计算间隔时间答案

【问题标题】：How to calculate interval time when same button clicked twice in java script or jqueryjava - 如何在java脚本或jquery中单击两次相同的按钮时计算间隔时间
【发布时间】：2015-01-02 15:09:19
【问题描述】：

有一个 j 查询的按钮 java 脚本，我第一次按下按钮，几秒钟后我再次按下相同的按钮。如何计算两次按下同一个按钮之间的间隔时间。请任何人帮忙。

我试过的代码：这段代码和 ip，我如何计算相同的按钮预置

     var startTime, endTime;
     $("#bu").on('mousedown', function () {
     startTime = new Date().getTime();
     });

     $("#bu").on('mouseup', function () {
     endTime = new Date().getTime();
     longpress = (endTime - startTime < 500) ? false : true;
     });

【问题讨论】：

你想捕捉双击吗？
您在寻找双击事件吗？
看起来您正在尝试计算用户点击按钮的时间，但您是说要计算点击之间的时间。你要哪一个？
不，不像@Epsilon。我有代码来计算我在上面上传的长按，但我需要如何计算相同按钮预置两次时的时间间隔
@GESVadamanappakkam 你可以在下面找到答案。

标签： javascript jquery dom javascript-events

【解决方案1】：

试试这个

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

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

【讨论】：

对于三次点击我们该怎么做@Samuel Liew

【解决方案2】：

我相信这就是您要找的：DEMO

var clicked=false,
    duration=0;
$('button').click(function(){
    if(!clicked){
        window.interval=setInterval(function(){
            duration+=5;
            $('p').text('duration is: '+duration+' milliseconds');
        },5);
        clicked=true;
        $(this).text('Click Me Again');
    }
    else{
        clearInterval(window.interval);
        clicked=false;
        duration=0;
        $(this).text('Click Me');
    }
});

【讨论】：