项目场景:
在开发中遇到一个需求,必须保证按钮在一定时间内只可以提交一次请求。如果网速不好,重复提交将会导致页面崩溃。
问题分析:
想要在一定时间内,事件回调函数仅执行一次,需要在外部做一个计时器变量。当进入事件的回调函数时,启动这个计时器,倒计时N秒后,计时器自动关闭。
每次进入事件回调函数的时候都要判断这个计时器是否为启动状态,如果是启动状态,直接跳出不执行事件即可。
解决方案:
举例如下:
HTML代码:
<button>这是一个按钮</button>
jQuery代码: (实际测试时,可以用<script></script>