简易版JS倒计时用户协议

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <textarea name="" id="" cols="30" rows="10">
        特别提示
    在此特别提醒您(用户)在注册成为***用户之前,请认真阅读本《***用户服务协议》(以下简称“协议”),确保您充分理解本协议中各条款。请您审慎阅读并选择接受或不接受本协议。除非您接受本协议所有条款,否则您无权注册、登录或使用本协议所涉服务。您的注册、登录、使用等行为将视为对本协议的接受,并同意接受本协议各项条款的约束。
    本协议约定***与用户之间关于“***”服务(以下简称“服务”)的权利义务。“用户”是指注册、登录、使用本服务的个人。本协议可由***随时更新,更新后的协议条款一旦公布即代替原来的协议条款,恕不再另行通知,用户可在本APP中查阅版协议条款。在修改协议条款后,如果用户不接受修改后的条款,请立即停止使用***提供的服务,用户继续使用***提供的服务将被视为接受修改后的协议。
    </textarea>
    <br/>
    <button class="btn" disabled>已阅用户协议60s</button>
    <script>
        const btn = document.querySelector('button')
        // console.log(btn.innerHtml)//btn是双标签,获取内容使用innerHtml
        let i = 60
        let timer = setInterval(function(){
            i--
            btn.innerHTML=`已阅用户协议(${i})`
            if(i===0){
                clearInterval(timer)
                btn.disabled = false
                btn.innerHTML = '同意'
            }
        },1000)
    
    </script>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值