js实现点击获取验证码倒计时效果
为了防止恶意访问验证短信和电子邮件,网站会通过点击按钮获取验证码进行倒计时效果。为了实现这个功能,一个setInterval和一个clearInterval可以在没有太多代码的情况下完成。示例和代码如下:
meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/input type=' button ' style=' height :32 px;' width:120px'Value='点击发送验证码' onclick=' send code(this)'/script type=' text/JavaScript ' varclock=' ';var nums=10var btn函数send code(this Btn){ Btn=this Btn;btn.disabled=true//将按钮设置为不可点击。btn.value=nums '可在秒后检索';clock=set interval(DoLop,1000);//每秒执行一次}函数DoLoP(){ nums-;If(nums 0){ btn.value=nums '可以在秒内检索到;}else{ clearInterval(时钟);//清除js定时器btn.disabled=falseBtn.value='点击发送验证码';nums=10//重置时间} }/脚本使用setInterval和clearIntervaljs实现js点击获取验证码的倒计时效果,希望对大家的学习有所帮助。
版权声明:js实现点击获取验证码倒计时效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。