JS用户倒计时案例
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
// 生成按钮,并禁用按钮
<button id="q1" onclick="a1()" disabled>我已阅读用户协议<span>(5)</span></button>
<script type="text/javascript">
// 创建按钮对象
let q1 = document.getElementById("q1");
// 创建span标签对象
let span = document.querySelector("span");
let i = 5;
// 创建定时器,并建立函数
let n = setInterval(function(){
i--;
// 更换span标签的内容
span.innerText = "("+i+")";
if(i == 0){
// 当倒计时结束时,关闭定时器
clearInterval(n);
// 启用按钮
q1.disabled = false;
q1.innerHTML = '不可点击';
}
},1000);
</script>
</body>
</html>