JavaScript基础之用户协议倒计时

 HTML.

    <form action="get">
        <textarea cols="30" rows="10">[文字内容省略...]
        </textarea><br>
    <input type="button" id="button">  //采用表单内按钮
    </form>

JS.

const but=document.querySelector("#button")  //获取按钮元素

let time=60             //初始时间为60s
but.disabled=true
let clock= setInterval(function(){
     but.value=`我已读取用户协议(${time}s)`
     if(time<0){         //为0时计时结束 
        but.disabled=false    //启用按钮
        clearInterval(clock)//关闭计时器
        but.value=`同意`
    }
        time--   //每次-1秒
},1000)       //1秒刷新一次

页面效果 

 

 倒计时结束后