获取验证码和重置效果

最新推荐文章于 2019-08-16 17:10:26 发布

原创最新推荐文章于 2019-08-16 17:10:26 发布 · 480 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

83 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <title></title>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        var countdown=60;
        function settime(obj) {
            if (countdown === 0) {
                obj.removeAttribute("disabled");
                obj.value="免费获取验证码";
                countdown = 60;
                return;
            } else {
                obj.setAttribute("disabled", true);
                obj.value="重新发送(" + countdown + ")";
                countdown--;
            }
            setTimeout(function() {
                    settime(obj) }
                ,1000)
            
        }
        $(function () {
            $('button').click(function () {
                countdown=0;
            })
        })
    </script>
<body>
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<button>重置</button>
</body>
</html>