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

1.具体想法

点击获取验证码按钮-调用获取验证码界面(忽略)-获取验证码按钮切换为不可点击状态，按钮背景色为灰色，按钮文字显示为“倒计时60秒后取回”-倒计时60秒后，按钮返回可点击状态，按钮背景为橙色，按钮文字显示为“重发”

2.HTML代码

button type=' button ' class=' feachbtn '获取验证码/button3。JS代码

//点击获取验证码操作$()。feachbtn’)。click(function(){ let count=60；Const倒计时=set interval(()={ if(count===0){ $(')。feachbtn’)。文本(“重新发送”)。remove attr(' disabled ')；$('.feachBtn’)。css({ background: '#ff9400 '，color: '#fff '，})；clearInterval(倒计时)；} else { $('。feachBtn’)。attr('disabled '，true)；$('.feachBtn’)。css({ background: '#d8d8d8 '，color: '#707070 '，})；$ ('.feachbtn’)。文本(可在计数“秒”后检索)；}计数-；}, 1000);} });4.翻译

摘要

以上是边肖介绍的jQuery。点击按钮获取验证码倒计时，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！