纯js发送验证码,简单的倒计时
纯js发送验证码,简单的倒计时
史文帝 发表于1年前
纯js发送验证码,简单的倒计时
  • 发表于 1年前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

<!DOCTYPE html >

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>按钮倒计时</title>
    </head>

    <body>

        <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />

        <script type="text/javascript">
            var countdown = 60;

            function settime(val) {
                
                var int = setTimeout(function() {
                    settime(val)
                }, 1000)
                
                if(countdown == 0) {
                    val.removeAttribute("disabled");
                    val.value = "免费获取验证码";
                    self.clearInterval(int);
                    countdown = 60;

                } else {
                    val.setAttribute("disabled", true);
                    val.value = "重新发送(" + countdown + ")";
                    countdown--;
                }

            }
        </script>
    </body>

</html>

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 23
码字总数 8566
×
史文帝
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: