龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

jQuery实现倒计时按钮功能代码分享(2)

时间:2014-09-04 15:01来源:网络整理 作者:网络 点击:
分享到:
代码五: 最近在写短信发送验证码,就写了个js/jquery倒计时发送验证码按钮script language="javascript" src="jquery-1.7.1.min.js"/scriptinput type="button" id="btn" value="免费

代码五:

最近在写短信发送验证码,就写了个js/jquery倒计时发送验证码按钮
<script language="javascript" src="jquery-1.7.1.min.js"></script>
<input type="button" id="btn" value="免费获取验证码" />
<script type="text/javascript">
var wait=10;
function time(t) {
  if (wait == t) {
   t.removeAttribute("disabled");   
   t.value="免费获取验证码";
   wait = 10;
  } else {
   t.setAttribute("disabled", true);
   t.value="重新发送(" + wait + ")";
   wait--;
   setTimeout(function() {
    time(t)
   },
   1000)
  }
 }
 $(document).ready(function(){
 $("#btn").click( function () { 
 
time(this);
 });
});
</script>

精彩图集

赞助商链接