短信倒计时

 1 <script type="text/javascript">
 2     
 3       var itime = 60;//定义一个变量,倒计时初始化,从59秒开始
 4         function getTime(){
 5             if(itime>=0){
 6                 if(itime==0){
 7                     clearTimeout(act);
 8                     $("#getCodeBtn").html('获取验证码').attr('disabled',false);
 9                      itime=60;
10                 }else{
11                     var act =  setTimeout('getTime()',1000);
12                     $("#getCodeBtn").html('还剩'+itime+'秒');
13                     itime=itime-1;
14                 }
15             }
16         }
17 
18      $(function(){
19         $("#getCodeBtn").click(function(){
20             var tel = $("#phone").val();
21             if(tel == ''){
22                 alert('请先输入有效的手机号码'); return false;
23             }
24             $.get('?m=plugin&p=public&cn=index&id=food:sit:message',{tel:tel},function(re){
25                 if(re.error == 0){
26                     //调用接口已经成功
27                     alert('短信验证码已经发送成功');
28                     $("#getCodeBtn").attr('disabled',true);    //要禁用该按钮
29                     //调用一个函数,完成倒计时效果。
30                     getTime();
31                 }else{
32                     alert('发送失败');
33                 }
34             },'json');
35         });
36 });       
37 </script>

 

posted @ 2017-08-10 18:38  6671  阅读(125)  评论(0编辑  收藏  举报