jQuery实现手机验证码发送倒计时60s

前端开发技术的起源与历史
现在前端开发主要技术
前端的开发技术
<!DOCTYPE html>
<head>
    <script src=”http://libs.baidu.com/jquery/1.10.2/jquery.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)
        }
    </script>
<body>
    <input type=”button” id=”btn” value=”免费获取验证码” onclick=”settime(this)” />
</body>
</html>
前端web开发技术架构
web前端开发技术 课件
前端开发技术和工具
» 本文来自:前端开发者 » 《jQuery实现手机验证码发送倒计时60s》
» 本文链接地址:https://www.rokub.com/6130.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!