标签：
有一天心血来潮，1分钟内重复点击了多次博客园首页的刷新博文列表的刷新按钮。果不其然，ip当时就被禁用了。后来，重启自己的路由器，重新获取ip才可以访问博客园主页。那么，设置一个限定时间内(比如1秒)防止按钮被重复点击的方法会不会更好一点呢？
最直接的思路可能就是点击按钮后，按钮的事件绑定函数解绑，1s后重新绑定函数
<button id="btn">0</button> <script> btn.onclick = function add(){ btn.innerHTML = Number(btn.innerHTML) + 1; btn.onclick = null; clearTimeout(timer); var timer = setTimeout(function(){ btn.onclick = add; },1000); } </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>
如果还有其他思路，欢迎交流
标签：
原文地址：http://www.cnblogs.com/xiaohuochai/p/5774031.html
