jquery attr onclick 问题
程序员文章站
2024-01-24 10:34:16
...
今天要写个获取验证码倒计时 60 秒,用到了 setInterval 。其中按钮点击后要禁用 onclick 事件 (当然也可以在 onclick 事件中判断剩余时间小于 60 秒就 return false) ,当剩余时间为 0 秒时,则要恢复按钮的 onclick 事件,问题就出在恢复 onclick 上,enableObj 函数一执行,就立即调用了 func ,导致了死循环 ,最后将 $(obj).attr("onclick", func); 改为 $(obj).bind('click', func); 问题解决
函数如下(其中闭包全局函数名 yjzx ,window.$yjzxjs = yjzx)
enableObj : function(obj, func) {
if (func) {
$(obj).attr("onclick", func);
}
},
//倒计时 60 秒
getValidCode : function() {
tempTimer = setInterval('$yjzxjs.getValidCode_()', 1000);
},
getValidCode_ : function() {
if (countSeconds <= 0) {
if (tempTimer) {
clearInterval(tempTimer);
}
yjzx.setHtml('validcodeButton', '重新获取');
yjzx.enableObj($api.byId('validcodeButton') , yjzx.getValidCode);
countSeconds = countSecondConst;
return;
} else {
yjzx.disableObj($api.byId('validcodeButton'));
yjzx.setHtml('validcodeButton', countSeconds + '秒后重新获取');
countSeconds--;
}
},