JS HTML5实现获取手机验证码倒计时按钮

效果图如下所示：

HTML:

输入类型='按钮'值='获取验证码CSS:

输入[type=button]宽度： 150 px高度： 30px背景-color : # ff 3000；边框： 0；边框半径： 15pxcolor: # fff}输入[type=button].在{底色： # eeecolor: # ccc不允许cursor:}JavaScript:

$('input[type='button']').单击(b)检查);/* * *[b检查按钮倒计时常用于获取手机短信验证码] */函数btnCheck() { $(this).添加CLaSS(' on ')；变化时间=5;$(这个)。attr('disabled '，true)；var timer=setInterval(function(){ if(time==0){ clearInterval(timer))；$("输入")。attr('disabled '，false)；$("输入")。" val("获取验证码');$("输入")。移除CLaSS(' on ')；} else { $(“input”).val(时间)秒');时间-;} }, 1000);}GitHub:在开源代码库上干我在开源代码库上干我

总结

以上所述是小编给大家介绍的JS HTML5实现获取手机验证码倒计时按钮，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！