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

Posted 2023-05-09

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

【英文标题】：How to calculate interval time when same button clicked twice in java script or 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 你可以在下面找到答案。

【参考方案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');
    
);