本文首先分析了手机发送验证码的原理，然后实现了针对短消息的javascript发送验证码。具体思路如下：点击“发送验证码”按钮后，按钮依次显示为“59秒后重试”和“58秒后重试”.直到倒计时达到0秒，显示恢复为“发送验证码”。该按钮在倒计时期间被禁用。

第一步：获取按钮，绑定事件，设置定时器变量和定时变量。

第二步：加定时器，每1秒减1，直到定时器小于等于0时定时器清零，按钮回复“发送验证码”；否则，它会显示“x秒后重试”。

渲染：

实现代码：

！doctype html html lang=' en ' head meta charset=' UTF-8 ' title document/title script type=' text/JavaScript ' window . onload=function(){ var send=document . getelementbyid(' send ')，timer=nullsend . onclick=function(){//timing starts var=this；this.disabled=truetimer=setInterval(function(){ times-；That.value=times '秒后重试'；if(times=0){ that . disabled=false；That.value='发送验证码'；clearInterval(计时器)；次数=60；}//console . log(times)；},1000);} }/脚本/标题正文输入类型=' button' id=' send '值=' send验证码'/正文/htmlnotes:

设置按钮是否禁用时，Send.disabled=truesend.disabled=false真假不能引用！真假不能引用！真假不能引用！否则，该值始终为真。您也可以使用send.setattribute ('disabled '，' disabled ')；或send . remove attribute(' disabled ')；

以上是大家分享的所有javascript发送短信验证码的代码，希望对大家的学习有所帮助。