javascript - 检查按钮 "hasn' t"是否在一定时间内被点击 (jQuery)

Question

您单击一个按钮，它会运行功能 1。
如果您在 1 秒内没有再次点击该按钮，则 function 2 将运行。
如果您在 1 秒内单击该按钮，它将再次运行 function 1。
等等……

我无法理解在 Javascript 中执行此操作的逻辑。

有什么办法吗？

Answer 1

您需要使用计时器来记录时间。您可以使用 setTimeout 在 1 秒(1000 毫秒)内运行函数 2。但是，如果您再次单击按钮，您应该停止计时器。您可以使用 clearTimeout 来做到这一点。

核心线是:

var timer;

// in button's click handler:
clearTimeout(timer);
timer = setTimeout(function2, 1000);