手机版

javascript中防止在有限时间内重复点击按钮的详细说明

时间:2021-09-07 来源:互联网 编辑:宝哥软件园 浏览:

前面的话

有一天,心血来潮,我在博客公园的主页上反复点击了一分钟内刷新博客列表的刷新按钮。果然,ip当时被禁用了。稍后,重新启动路由器并再次获取ip,然后才能访问博客公园主页。那么,设置一个时间限制(比如一秒钟)来防止按钮被反复点击会更好吗?

想法1

最直接的想法可能是点击按钮后解除按钮的事件绑定功能,1s后重新绑定功能

button id=' BTN ' 0/button script BTN . onclick=function add(){ BTN . innerhtml=Number(BTN . innerhtml)1;btn.onclick=nullclearTimeout(计时器);var timer=setTimeout(function(){ BTN . onclick=add;},1000);}/脚本

想法二

另一个想法是获取并记录时间。再次单击时,时间间隔超过1s

button id=' BTN ' 0/button script BTN . onclick=(function(){ var last=date . now();返回函数(){ var now=date . now();如果((现在-最后)1000){ BTN . innerhtml=Number(BTN . innerhtml)1;} last=now}})();/脚本

以上详细讲解了javascript中防止限时重复点击按钮的思想,是边肖分享的全部内容,希望能给大家一个参考和支持。

版权声明:javascript中防止在有限时间内重复点击按钮的详细说明是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。