js的一些使用

短信验证码倒计时

html

<div class="code-button" onclick="codeBtnClick()" id="login_code_button">获取验证码</div>

javascript

    function codeBtnClick() {
            let count=10,timer=null;
            if(timer==null){
                timer=setInterval(function () {
                    count--;
                    $('#login_code_button').text(count+" 秒");
                    $("#login_code_button").attr('disabled','disabled');
                    if(count<=0){
                        clearInterval(timer); //停止定时
                        $('#login_code_button').text("获取验证码");
                        timer=null;
                    }
                },1000);
            }
        }

添加和移除disabled属性

jquery操作

//两种设置disabled属性
$('#uid').attr("disabled",true);
$('#uid').attr("disabled","disabled");
//三种移除disabled属性
$('#uid').attr("disabled",false);
$('#uid').removeAttr("disabled");
$('#uid').attr("disabled","");