html按钮加时间间隔,js控制再次点击按钮之间的间隔时间可防止重复提交

这段代码展示了前端如何实现验证码图片的自动刷新功能。当点击'看不清?换一张'按钮后,将禁用按钮并开始倒计时,倒计时结束后重新加载验证码图片,确保每次获取的新验证码不同。同时,清理之前的提示信息并清空验证码输入框。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var wait = 60;

function change() {

$o = $("#J_refresh_checkcode");

if(wait == 0) {

$o.removeAttr("disabled");

$o.html("看不清?换一张");

wait = 60;

} else {

$o.attr("disabled", true);

$o.attr("font-color", "gray");

$o.html(wait + "秒后可重新获取");

wait--;

if(wait == 59) {

var imgNode = document.getElementById("vimg");

imgNode.src = "../../AjaxServer/CheckCodePic.ashx?t=" + (new Date()).valueOf(); // 这里加个时间的参数是为了防止浏览器缓存的问题

$("#J_checkcode_tip").addClass("hide");

$("#J_checkcode_tip>div").html("");

$("#").val("");

}

setTimeout(function() {

change()

},

1000)

}

}

则 html如下:

时间: 2014-07-29

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值