jQuery 按钮不可选状态倒计时

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.1.1.min.js"></script>
    <script>

        var leftSeconds = 10;
        var intervalId;
        $(function () {
            //当attr('disabled',true)为true时,则指按钮状态禁止选中
            $('#btnReg').attr('disabled',true);//设用attr来设置、取得jQuery没有封装的属性
            intervalId = setInterval('CountDown()',1000);
        });

        function CountDown() {
            if(leftSeconds <=0)
            {
                $('#btnReg').val('同意');
                //当attr('disabled',false)为false时,则指按钮状态可选中
                $('#btnReg').attr('disabled',false);
                clearInterval(intervalId);
                return;
            }
            //上面每秒调用一次CountDown,每次leftSeconds都减一,当leftSeconds小于等于0时,则运行上面的代码
            leftSeconds--;
            $('#btnReg').val('请仔细阅读'+leftSeconds+'秒');
        }

    </script>
</head>
<body>
<h2>按钮倒计时</h2>
<input type="button" id="btnReg" value="同意">

</body>
</html>

评论

大侠名号:   验证暗号: 点击我更换图片

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND