如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮。
代码如下:
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>
本文来源:重庆网站建设公司|重庆网站制作公司整理编辑(部分内容来源于网络,如有侵犯您的权益,请联系我们删除)
本文网址:https://www.1234114.cn/wzbk/wzsz/1515.html
详细咨询:请拨打电话13629754288!
我们团队的IT服务始于2007年!
我们服务于各类企业,为企业提供全面信息化建设
客户的口碑是我们立足的根本,满意度95%
Our partner
重庆飞海科技有限公司2008-2023