防止按钮在短时间内被多次点击的方法
2014-03-10 00:00
579 查看
如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮。
代码如下:
代码如下:
<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>
相关文章推荐
- JS对文本框值的判断示例
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- MySQL数据库迁移data文件夹位置详细步骤
- Windows下修改mysql的data文件夹存放位置的方法
- 国产web前端框架推荐之–KISSY(淘宝)
- CentOS 6.4 安装搭建 Scrapy 0.22 环境
- 昆明决定实行道路交通安全行政首长负责制
- Sass用法指南
- centos apache IE8兼容
- 初探Sql Server聚族和非聚族索引
- Medoo Last_query的使用:取上一条SQL语句
- 16. 字符
- cas+openldap实现单点登录认证一
- 软件性能评估
- twisted按天记日志应用于.tac工程部署中,无法实现按天记日志的解决方案
- 内存映射
- linux下安装libsvm
- 对象的生命期
- 选择行号文本编辑器ConsoleEditor_1.4
- linux svn安装和配置