要求:
达到如下效果(用户在五秒后可以点击按钮,并可以实现du'mia)
实验:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
textarea{
resize: none;
width: 400px;
height: 300px;
background-color: pink;
overflow: scroll;
}
button{
pointer-events: none
}
</style>
</head>
<body>
<textarea readonly >
《咏杰物件》服务条款
【注意】请用户仔细阅读以下全部内容(特别是粗体字及下划线的内容)。如用户不同意本《条款》任意内容,请不要点击【接受】键(或类似表示您同意的措辞的按键)。当用户在线点击【接受】键时(或类似表示您同意的措辞的按键),则应视为用户已经详细阅读并同意本《条款》的内容,且同意遵守本《条款》的规定。此后,用户不得以未阅读/未同意本《条款》内容或类似理由作任何形式的抗辩。
如果用户未满18周岁的,需在监护人的陪同下阅读本《条款》,并在取得监护人对用户享用wangyi公司提供的wangyi游戏服务、向wangyi公司支付费用的行为,以及对本协议全部条款的同意之后,方可享用wangyi公司提供的wangyi游戏服务。
本协议的订立、履行、解释及争议的解决均适用中华人民共和国法律并排除其他一切冲突法的适用。本《条款》订立于广州市天河区。如双方就本《条款》的内容或其执行发生任何争议(包括但不限于合同或者其他财产性权益纠纷),双方应友好协商解决;协商不成时,双方同意交由本协议订立地有管辖权的法院管辖并处理。
</textarea>
<br>
<button class="but" disabled >俺已经仔细阅读了用户协议(5)</button>
<script>
let but=document.querySelector(`.but`)
let i=5
let lok=setInterval(function() {
i--
but.innerHTML=`俺已经仔细阅读了用户协议(${i}秒后可以点击)`
if(i===0){
clearInterval(lok)
but.disabled=false
but.innerHTML=`我同意,让我进去`
}
},1000)
</script>
</body>
</html>
效果图:
实验和要求一致,实验完成