在HTML中，使按钮在一定时间内只能点击一次

项目场景：

在开发中遇到一个需求，必须保证按钮在一定时间内只可以提交一次请求。如果网速不好，重复提交将会导致页面崩溃。

---

问题分析：

想要在一定时间内，事件回调函数仅执行一次，需要在外部做一个计时器变量。当进入事件的回调函数时，启动这个计时器，倒计时N秒后，计时器自动关闭。

每次进入事件回调函数的时候都要判断这个计时器是否为启动状态，如果是启动状态，直接跳出不执行事件即可。

解决方案：

举例如下：

HTML代码：

<button>这是一个按钮</button>

jQuery代码： （实际测试时，可以用<script></script>