回到顶部

Js Jquery 实现的按钮倒计时整理

时间:1年前   作者:请喊我大龙哥   浏览:182   [站内原创,转载请注明出处]

标签: jQuery  

Js Jquery 实现的按钮倒计时整理demo在附件

效果如下:


代码:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <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> 

请喊我大龙哥最后编辑于:1年前

内容均为作者独立观点,不代表八零IT人立场,如涉及侵权,请及时告知。

评论努力加载中...
暂无评论
暂无评论

作者信息

加载中...

手机扫码阅读

热门相关

加载中...
关于我们   联系我们   申请友链   赞助记录   站点地图
© 2014 - 2017 www.80iter.com All Rights Reserved. 京ICP备14042174号-1
Powered by ASP.NET MVC+NancyFx+Bootstrap+SqlServer
本站遵循 CC BY 4.0 协议,转载请注明出处 。