欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于javascript中限定時(shí)間內(nèi)防止按鈕重復(fù)點(diǎn)擊的思路詳解

 更新時(shí)間：2016年08月16日 08:46:07   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇關(guān)于javascript中限定時(shí)間內(nèi)防止按鈕重復(fù)點(diǎn)擊的思路詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

前面的話

有一天心血來(lái)潮，1分鐘內(nèi)重復(fù)點(diǎn)擊了多次博客園首頁(yè)的刷新博文列表的刷新按鈕。果不其然，ip當(dāng)時(shí)就被禁用了。后來(lái)，重啟自己的路由器，重新獲取ip才可以訪問(wèn)博客園主頁(yè)。那么，設(shè)置一個(gè)限定時(shí)間內(nèi)(比如1秒)防止按鈕被重復(fù)點(diǎn)擊的方法會(huì)不會(huì)更好一點(diǎn)呢？

思路一　　

最直接的思路可能就是點(diǎn)擊按鈕后，按鈕的事件綁定函數(shù)解綁，1s后重新綁定函數(shù)

<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>

思路二　　

另一個(gè)思路是獲取并記錄時(shí)間，當(dāng)再次點(diǎn)擊時(shí)，時(shí)間間隔大于1s時(shí)才有效

<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>

以上這篇關(guān)于javascript中限定時(shí)間內(nèi)防止按鈕重復(fù)點(diǎn)擊的思路詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論