萬盛學電腦網 >> 腳本專題 >> 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>- 上一頁:用IE重起計算機或者關機的示例代碼
- 下一頁:php中給js數組賦值方法
javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved