防止按钮重复点击的思路(js篇)

最直接的思路可能就是点击按钮后,按钮的事件绑定函数解绑,1s后重新绑定函数

<button id="btn"></button>
<script>
btn.onclick = function add(){
btn.innerHTML = Number(btn.innerHTML) + ;
btn.onclick = null;
clearTimeout(timer);
var timer = setTimeout(function(){
btn.onclick = add;
},);
}
</script>

另一个思路是获取并记录时间,当再次点击时,时间间隔大于1s时才有效

<button id="btn">0</button>
<script>
btn.onclick = (function(){
var last = Date.now();
return function(){
var now = Date.now();
if((now - last)>1000){
btn.innerHTML= Number(btn.innerHTML) + 1;
}
last = now;
}
})();
</script>
上一篇:通过Fiddler肆意修改接口返回数据进行测试


下一篇:Andorid-解决View重复点击的思路