JS协议禁止按钮

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34343637/article/details/82346710

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>协议禁止按钮</title>
    <style type="text/css">
        #textId{
            width: 300px;
            height: 300px;
            resize: none;
         
        }
    </style>
</head>
<body>
    <textarea id="textId" >
        明知不可为而为之,是愚蠢还是睿智?仁者见仁,智者见智。
    是因为价值观念的不一样,生活的经历得到不一样的东西。
    </textarea>
    <br />
    <input type="button" value="请阅读天南学说(5)" id="btn" name="" disabled="">

    <script type="text/javascript">
        var num =0 ;
        var btnObj =document.getElementById("btn");

        var setTime = setInterval(function(){
            num++;
            btnObj.value ="请阅读天南学说("+(5-num)+")";
            if ((5-num)==0){
                btnObj.value ="同意";
                btnObj.disabled =false;
                clearInterval(setTime);
            }

          
        },1000);
        

    </script>


</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_34343637/article/details/82346710