萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 防止按鈕在短時間內被多次點擊的方法

防止按鈕在短時間內被多次點擊的方法

 一個按鈕可以在短時間內多次點擊,那麼有可能會被用戶惡意點擊,下面有個不錯的方法可以有效制止,希望對大家有所幫助

如果一個按鈕可以在短時間內多次點擊,那麼有可能會被用戶惡意點擊,為防止這種情況,可以設定一定時間內只能點擊一次,其他時間禁止點擊按鈕。    代碼如下:  <html xmlns="http://www.w3.org/1999/xhtml">  <head runat="server">  <title>Js定時事件</title>  <script src="js/jquery-1.9.1.js" type="text/javascript"></script>  </head>  <body>  <form id="form1" runat="server">  <div>  <input type="button" value="點下我" id="btn" onclick="show()" />  </div>  <script type="text/javascript">  /*  timeId=window.setTimeout("method()",1000); window.clearTimeout(timeId);定時執行  timeId=window.setInterval("method()",1000); window.clearInterval(timeId);循環執行  */    var nn = 30;  var tipId;  function show() {  tipId = window.setInterval("start()", 1000); //每隔1秒調用一次start()方法  }    function start() {  if (nn > 0) {  var vv = "點下我(" + nn + ")";  $("#btn").attr("disabled", "disabled"); //使按鈕不能被點擊  $("#btn").attr("value", vv); //更改按鈕上的文字  nn--;  } else {  nn = 30;  $("#btn").removeAttr("disabled"); //使按鈕能夠被點擊  $("#btn").attr("value", "點下我"); //更改按鈕上的文字  window.clearInterval(tipId); //清除循環事件  }  }  </script>  </form>  </body>  </html>   
copyright © 萬盛學電腦網 all rights reserved