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

如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮。
代码如下:
<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>
上一个:高端网站建设搭建需要掌握的知识点
下一个:生产企业网站建设方案
镇雄网站建设,镇雄做网站,镇雄网站设计