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


Posted in Javascript onMarch 10, 2014

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

代码如下:

<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>
Javascript 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
May 24 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 Javascript
js实现select跳转功能代码
Oct 22 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
获取JavaScript异步函数的返回值
Dec 21 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
JS设计模式之单例模式(一)
Sep 29 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
解决vue打包 npm run build-test突然不动了的问题
Nov 13 Javascript
JS操作CSS随机改变网页背景实现思路
Mar 10 #Javascript
jquery插件开发之实现jquery手风琴功能分享
Mar 10 #Javascript
文本域光标操作的jQuery扩展分享
Mar 10 #Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 #Javascript
js实现通用的微信分享组件示例
Mar 10 #Javascript
jquery基础教程之数组使用详解
Mar 10 #Javascript
查询json的数据结构的8种方式简介
Mar 10 #Javascript
You might like
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
PHP 中的批处理的实现
2007/06/14 PHP
PHP程序61条面向对象分析设计的经验小结
2008/11/12 PHP
cmd下运行php脚本
2008/11/25 PHP
php提取身份证号码中的生日日期以及验证是否为成年人的函数
2015/09/29 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
用Node写一条配置环境的指令
2019/11/14 Javascript
JS自定义滚动条效果
2020/03/13 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
Python3里的super()和__class__使用介绍
2015/04/23 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
termux中matplotlib无法显示中文问题的解决方法
2021/01/11 Python
使用Python封装excel操作指南
2021/01/29 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
使用HTML5 Geolocation实现一个距离追踪器
2018/04/09 HTML / CSS
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
公务员的自我鉴定
2013/10/26 职场文书
大学生个人简历中的自我评价
2013/12/27 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
遗嘱继承权公证书
2015/01/26 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书
毕业生学校组织意见
2015/06/04 职场文书
保护环境建议书作文400字
2015/09/14 职场文书
高二英语教学反思
2016/03/03 职场文书
准备去美国留学,那么大学申请文书应该怎么写?
2019/08/12 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang