简化版 分站 地图 日历 影视
计算器 行情 加解密 长度 面积
首页 软件 编程 笑话 知识 公告 注册 登录 用QQ登录本站
  •  
    您现在的位置:首页 >> JS >> 内容

    js实现点击获取验证码倒计时效果

    内容摘要:meta http-equiv='Content-Type' content='text/html; charset=utf-8' /input type='button' style='height:32px;width:120px;' value='点击发送验证码' onclick='sendCode(this)' /script type='text/......

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <input type="button" style="height:32px;width:120px;" value="点击发送验证码" onclick="sendCode(this)" />

    <script type="text/javascript">

    var clock = '';

    var nums = 10;

    var btn;

    function sendCode(thisBtn)

    {

    btn = thisBtn;

    btn.disabled = true; //将按钮置为不可点击

    btn.value = nums+'秒后可重新获取';

    clock = setInterval(doLoop, 1000); //一秒执行一次

    }

    function doLoop()

    {

    nums--;

    if(nums > 0){

    btn.value = nums+'秒后可重新获取';

    }else{

    clearInterval(clock); //清除js定时器

    btn.disabled = false;

    btn.value = '点击发送验证码';

    nums = 10; //重置时间

    }

    }

    </script>

      版权声明:本内容来源于脚本之家,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。


    发布日期:2020/7/7 发布时间:16:33:36 点击:325 
  • 上一篇:js几秒以后倒计时跳转
  • 下一篇:js数组与字符串的相互转换方法
  • 本类新增
    本类热门文章
    Baidu

    YiJiaCMS V3.33 Build 20.7.30(MSSQL) 闽ICP备05000814号-1
    本空间由景安网络提供,百度云加速提供加速防护
    齐天大圣® 制 作 ©2000-2020