zoukankan      html  css  js  c++  java
  • 基于jquery的-获取短信验证码-倒计时

    在制作短信验证的时候,需要做一个获取短信按钮,点击后显示倒计时,

    html代码如下:

    1 <input class="gain" type="button" value="获取验证码">

    js代码如下:

     1 var istime=true;
     2     $(".gain").click(function(){if(istime){getCode($(this),30)}})
     3 
     4     //获取验证码
     5     function getCode(a,n){//a:DOM节点,n:倒数秒数
     6         istime=false;
     7         a.val(n+"s");
     8         var times=setTimeout(changetime,1000);
     9         function changetime(){
    10             if(n>0){n--;a.val(n+"s");times=setTimeout(changetime,1000);}else{clearTimeout(times);a.val("重新获取");istime=true;}
    11         }
    12     }
  • 相关阅读:
    第七、八章学习笔记
    sort
    团队作业
    Linux C语言编程
    myod
    第十章学习笔记
    团队作业二—《需求分析》
    学习笔记4
    学习笔记1
    学习笔记2
  • 原文地址:https://www.cnblogs.com/gulei/p/5104807.html
Copyright © 2011-2022 走看看