jquery禁用按钮60秒
程序员文章站
2022-07-13 12:05:43
...
一、禁用60秒,60秒钟后可用
/*按钮禁用60秒*/
function disabledButton(){
$("#send_btn").attr({"disabled":"disabled"}); //控制按钮为禁用
var timeoutObj = setTimeout(function () {
$("#send_btn").removeAttr("disabled");//将按钮可用
/* 清除已设置的setTimeout对象 */
clearTimeout(timeoutObj)
}, 60000);//要禁用多长时间自己设置
}
二、禁用60秒,60秒钟后可用,带有倒计时提示(比较有档次)
/*按钮禁用60秒,并显示倒计时*/
function disabledButton(){
$("#send_btn").attr({"disabled":"disabled"}); //控制按钮为禁用
var second = 60;
var intervalObj = setInterval(function () {
$("#send_btn").text("重新操作" + "(" + second + ")");
if(second == 0){
$("#send_btn").text("提交操作");
$("#send_btn").removeAttr("disabled");//将按钮可用
/* 清除已设置的setInterval对象 */
clearInterval(intervalObj);
}
second--;
}, 1000 );
}
经常使用,记录一下,要想使用拿走不谢!
上一篇: Spring集成CXF