1. 程式人生 > >防止按鈕在短時間內被多次點選

防止按鈕在短時間內被多次點選

如果一個按鈕可以在短時間內多次點選,那麼有可能會被使用者惡意點選,為防止這種情況,可以設定一定時間內只能點選一次,其他時間禁止點選按鈕。

1.效果如下:

2.程式碼如下:
<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 = 0; var tipId; var tipO; function show() { nn = 10; tipId = window.setInterval("start()", 1000); //每隔1秒呼叫一次start()方法 $("#btn").removeAttr("onclick");//取消點選事件 tipO = window.setTimeout("getclick()", 10000);//10秒後給定點選事件 }
function start() { if (nn > 0) { var vv = " 點下我不會懷孕的 (" + nn + ")"; $("#btn").attr("disabled", "disabled"); //使按鈕不能被點選 $("#btn").attr("value", vv); //更改按鈕上的文字 nn--; } else { $("#btn").removeAttr("disabled
"); //使按鈕能夠被點選 $("#btn").attr("value", " 點下我不會懷孕的 "); //更改按鈕上的文字 window.clearInterval(tipId); //清除迴圈事件 } } function getclick() { $("#btn").attr("onclick", "show()"); //給定點選事件 window.clearTimeout(tipO);//取消定時事件 } </script>