Javascript 按钮点击计时器

我们正在准备一个带有类函数的“游戏”按钮，您可以尽可能频繁地单击该按钮以生成（此时）一个递增的随机数。但是，我们希望它在设定的时间段（10秒）后停止运行

下面的单击代码用于生成数字，但不确定如何创建计时器来停止按钮，并且出于测试目的，显示警报

 $('.click-button').click(function() {
     $('.score').html(function(i, val) {
         return val - Math.floor(Math.random() * -11);
     });
 });

---

我承认，这是一个有点黑客，可以有更好的性能，但对于这个例子，它将工作

创建一个时间数组，该数组将存储记录单击事件的时间。方法返回自1970年以来的毫秒数。要得到秒数，我们只需将其乘以1000

每次单击，我们将检查自第一次单击被记录以来是否已过10秒

查看代码片段

var clickTimes=[]；//在此处存储单击时间
/*使用getTime获取自历元以来的毫秒数并添加到数组。每次单击时，检查时间是否已过*/
$（'.click button'）。单击（函数（）{
clickTimes.push（newdate（）.getTime（））；
如果（新建日期（）.getTime（）-clickTimes[0]<10000）{
$（'.score'）.html（函数（i，val）{
返回val-Math.floor（Math.random（）*-11）；
});
}
否则{
$（“.score”）.html（“时间到了！再次单击以重试！”；
clickTimes.length=0；//清除数组
}
});

生成随机数
我承认这有点像黑客攻击，可能会有更好的性能，但对于本例，它会起作用

创建一个时间数组，该数组将存储记录单击事件的时间。方法返回自1970年以来的毫秒数。要得到秒数，我们只需将其乘以1000

每次单击，我们将检查自第一次单击被记录以来是否已过10秒

查看代码片段


var clickTimes=[]；//在此处存储单击时间
/*使用getTime获取自历元以来的毫秒数并添加到数组。每次单击时，检查时间是否已过*/
$（'.click button'）。单击（函数（）{
clickTimes.push（newdate（）.getTime（））；
如果（新建日期（）.getTime（）-clickTimes[0]<10000）{
$（'.score'）.html（函数（i，val）{
返回val-Math.floor（Math.random（）*-11）；
});
}
否则{
$（“.score”）.html（“时间到了！再次单击以重试！”；
clickTimes.length=0；//清除数组
}
});

生成随机数
我们如何使用setInterval设置一个每秒递增一的变量，并且仅当该变量小于10时才允许单击功能：

在本例中，您将在10秒后收到不同的警报


var-time=0；
函数start（）{
setInterval（函数（）{
var curr=$（“#容器”）.text（）；
时间++；
$（“#容器”）.text（时间）；
}, 1000);
}
$（'#btn'）。在（'click'，函数（e）上{
if（$（'#容器'）.text（）<11）{
log（'K cool，还剩足够的时间'）；
}否则{
警惕（“太迟”）；
}
})
start（）

0
在10秒之前单击我
我们如何使用setInterval设置一个每秒递增1的变量，并且仅当该变量小于10时才允许单击功能：

在本例中，您将在10秒后收到不同的警报


var-time=0；
函数start（）{
setInterval（函数（）{
var curr=$（“#容器”）.text（）；
时间++；
$（“#容器”）.text（时间）；
}, 1000);
}
$（'#btn'）。在（'click'，函数（e）上{
if（$（'#容器'）.text（）<11）{
log（'K cool，还剩足够的时间'）；
}否则{
警惕（“太迟”）；
}
})
start（）

0
在10秒之前单击我
使用setInterval设置一个每秒递增一个的变量，并且仅当该变量小于10时才允许单击功能？使用setInterval设置一个每秒递增一个的变量，并且仅当该变量小于10时才允许单击功能？我也想到了这一点，但他提到他希望尽可能多地点击。一些按钮混搭者可能希望每秒点击多次，是的-我想我会用alert显示一个示例，但如果他想混搭，可以更改它以反映事件，例如，一个console.log会快速、多次触发，很好-editI也会想到这一点，但他提到他希望尽可能多地点击。一些按钮混搭者可能希望每秒点击多次，是的-我想我会用alert显示一个示例，但如果他想混搭，可以更改它以反映事件，例如，一个console.log将快速、多次触发，很好-是的，这很好！我们可以从这里为其他返回元素格式化它。谢谢是的，效果很好！我们可以从这里为其他返回元素格式化它。谢谢