Chinaunix首页 | 论坛 | 博客
  • 博客访问: 744833
  • 博文数量: 225
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2722
  • 用 户 组: 普通用户
  • 注册时间: 2013-02-03 17:32
文章分类

全部博文(225)

文章存档

2019年(7)

2018年(16)

2017年(1)

2016年(26)

2015年(41)

2014年(15)

2013年(119)

我的朋友

分类: jQuery

2015-09-29 17:49:56

1.html代码
<input type="text" name="code" id="code" placeholder="请输入验证码"/>
<input type="button" id="btncode" onclick="getcode();" value="获取手机验证码"/>
2.javaScript代码

点击(此处)折叠或打开

  1. var count=60;
  2.     var countdown;
  3.     function getcode(){
  4.         var phone = $("#phone").val();        
  5.         count = 60;//设置
  6.         countdown = setInterval(CountDown, 1000);
  7.         $.post('user-getcode.html',{phone:phone},function(result){
  8.             if(result['status']==1){
  9.                 $("#code").val(result['msg']);
  10.             }
  11.         },'json');
  12.         
  13.     }    
  14.     function CountDown() {        
  15.         $("#btncode").attr("disabled", true);//让按钮不可点击
  16.         $("#btncode").val("还剩" + count + " s");
  17.         if (count == 0) {
  18.             $("#btncode").removeAttr("disabled");
  19.             $("#btncode").val("重新发送验证码");
  20.             clearInterval(countdown);
  21.         }
  22.         count--;
  23.     }


阅读(924) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~