JQuery 获取验证码倒计时

浏览数：78 / 时间：2015年06月09日

HTML代码：

<button id="btn">点击获取验证码</button>

Jquery：代码：

$(document).ready(function() {
    $(‘#btn‘).on(‘click‘,function(){
        
        var time = 10;
        setInterval(function (){
            time --;
            if(time>0){
                $(‘#btn‘).attr({‘disabled‘:‘disabled‘});
                $(‘#btn‘).html(‘重新获取(‘+time+‘)‘);
            }else{
                $(‘#btn‘).attr({‘disabled‘:false});
                $(‘#btn‘).html(‘点击进入‘);
                $(‘#btn‘).click(function(){
                    window.location.href="http://www.baidu.com/";
                })
            }
        },1000)
    })
});

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 com log html http la ca class style 代码 com log html http la ca

相关文章

随机文章

您可能还喜欢

您可能还喜欢