获取短信验证码 按钮 实现倒计时

加入css

<link href="../Admin/css/login.css" type="text/css" rel="stylesheet"> 

按钮

 <input id="p" type="button"  value="获取验证码" onclick="settime(this)" style="text-align:center;padding:10px 10px 30px 10px;width:90px;height:30px;font-size:13px;"/> 

jQuery方法

<script type="text/javascript"> 
var countdown=120; 
function settime(val) { 
if (countdown == 0) { 
val.removeAttribute("disabled");    
val.value="获取验证码"; 
countdown = 120;    
} else { 
val.setAttribute("disabled", true); 
val.value="重新发送(" + countdown + ")"; 
countdown--; 
} 
setTimeout(function() { 
settime(val) 
},1000) 
} 
</script>