番禺做网站,番禺网站建设,番禺建网站

番禺网站建设,番禺做网站,番禺建网站,番禺网站制作

网站首页 > 新闻资讯 > 建站经验

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>


Powered by MetInfo 5.3.19 ©2008-2018 www.metinfo.cn