jQuery点击获取验证码按钮及倒计时功能 - 行业资讯 - 肥雀云

,,,,,,,点击获取验证码按钮→调用获取验证码接口(忽略)→获取验证码按钮切换到不可点击状态,按钮背景色呈灰色,按钮文字呈现为“倒计时秒数+后可重新获取”→倒计时60年代后按钮恢复可点击状态,按钮背景呈橙色,按钮文字呈现为“重新发送”

　　　　　　& lt;按钮类型=鞍磁ァ眂lass=癴eachBtn祝辞获取验证码& lt;/button> 　　　　

　　　　//点击获取验证码操作　　$ (' .feachBtn ') .click(函数(){ 　　让数=60; 　　const倒计时=setInterval(()=比;{ 　　如果(count===0) { 　　$ (' .feachBtn ')。text(“重新发送的).removeAttr(“禁用”); 　　$ (' .feachBtn ') . css ({ 　　背景:“# ff9400”, 　　颜色:# fff, 　　})；　　clearInterval(倒计时); 　　其他}{ 　　$ (' .feachBtn ')。attr(“禁用”,真正的); 　　$ (' .feachBtn ') . css ({ 　　背景:“# d8d8d8”, 　　颜色:# 707070, 　　})；　　$ (' .feachBtn ')。文本(计数+ '秒后可重新获取的); 　　} 　　数, 　　}, 1000); 　　} 　　}); 　　　　

4。效果图
　　

jQuery点击获取验证码按钮及倒计时功能

以上所述是小编给大家介绍的jQuery点击获取验证码按钮及倒计时,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!