首页 > 其他 > 详细

防止按钮在短时间内被多次点击

时间:2014-03-11 04:09:53      阅读:429      评论:0      收藏:0      [点我收藏+]

如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮。

1.效果如下: 

 
2.代码如下:
  
bubuko.com,布布扣
<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>
bubuko.com,布布扣

 

 
 

防止按钮在短时间内被多次点击,布布扣,bubuko.com

防止按钮在短时间内被多次点击

原文:http://www.cnblogs.com/yc-755909659/p/3591758.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!