$.leftTime与addClass冲突

铭溦Komeii 2021-04-17 11:36:16
messageCodeBtn是发送验证码按钮的id,on可以让按钮变灰无法点击,没有使用leftTime则addClass(“on”)可以生效,使用leftTime则addClass(“on”)无效,请问怎么解决

<style type="text/css">
.testBtn-a{display: inline-block;height:40px;line-height:30px;padding:0 8px; border:0; border-radius:0px;color:#fff;background:rgb(65,133,244);cursor: pointer;}
.testBtn-a.on{background:#c9c9c9;color:#666;cursor: default;}
</style>

<button type="button" class="testBtn-a" id="messageCodeBtn">获取验证码</button>

$("#messageCodeBtn").on("click",function(){

var btnObj = $(this);
btnObj.addClass("on");

$.leftTime(60, function (d) {
var second = parseInt(d.s);
// console.log("d.status=" + d.status + "#d.s=" + d.s + ",#second=" + second);

if (second == 0) {
btnObj.text("获取验证码");
btnObj.removeClass("on");
} else {
btnObj.text(second + "秒后获取");
}
})
})
...全文
105 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
泡泡鱼_ 2021-04-17
  • 打赏
  • 举报
回复
用错了呗。你second==0时移除了样式。你自己看看是不是应该用这个条件去确认倒计时完了

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧