手机校验码倒计时

做一个有魅力的程序员

于 2015-04-09 17:17:07 发布

阅读量519

点赞数

分类专栏： html 文章标签：手机校验码倒计时

本文链接：https://blog.youkuaiyun.com/u011650048/article/details/44962733

版权

html 专栏收录该内容

8 篇文章

订阅专栏

<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="jquery.min.js"></script>
       
        <script>
        $(function () {
            var code = {
                wait: 5,
                hsTime: function (that) {
                    _this = $(this);
                    var _this = this;
                    $(that).attr("disabled", true).val(+ _this.wait + '秒后重新获取');
                    
                    if (_this.wait == 0) {
                        $('#btn').attr("disabled", false).val('点击获取校验码');
                        _this.wait = 5;
                        return;
                    } 
                    _this.wait--;
                    setTimeout(function () {
                        _this.hsTime(that);
                    }, 1000)
                }
                
            }
            code.hsTime('#btn');
            $("#btn").click(function(){
                code.hsTime('#btn');
            })
        })
          
        </script>
    </head>
    <body>
                <input type="button" id="btn" value=""/>
	</body>
</html>