JavaScript - 如何计算按钮上的任意点击次数答案

【问题标题】：JavaScript - How to count an arbitrary number of clicks on a buttonJavaScript - 如何计算按钮上的任意点击次数
【发布时间】：2017-06-03 13:22:05
【问题描述】：

我制作了一个简单的 javascript 应用程序，用于根据单击 div 的速度计算反应时间。它工作得很好。但我希望计算任意一系列点击（例如，前 10 次点击），然后计算这些点击范围内的平均反应时间。感谢您的帮助：

【问题讨论】：

你能把问题说得更清楚些吗？您是否尝试将这些点击之间的时间间隔计算为平均时间？

标签： javascript jquery html

【解决方案1】：

你能不能不干脆做：

var totalClicks = 0

在一些

代码中

然后在点击时调用的函数中

totalClicks += 1;
if (totalClicks > 10) {
    doOtherStuff()
}

【讨论】：

【解决方案2】：

据我了解，您需要每次点击之间的平均时间，总共 10 次点击。为此，您可以在每次单击按钮时向数组添加时间戳。

var clickTimestamps = [];

// Following code needs to be in the function you call when the button is clicked.
var timestamp = new Date().getTime();
clickTimestamps.push(timestamp);

if (clickTimestamps.length > 10) {
   //calculate the average
}

new Date().getTime() 方法返回自 1970/01/01 以来的毫秒数。

【讨论】：

【解决方案3】：

每次点击都会更新按钮标签中的计数值。

例如：

function updateCount(){
 var oldClicks=parseInt($("#counter").attr("data-clicks"))
$("#counter").attr("data-clicks",oldClicks+1)
alert($("#counter").attr("data-clicks"))
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' class='btn btn-primary' id='counter' data-clicks='0' onclick='updateCount()'>counts</button>

【讨论】：