51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

JS用户倒计时

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>
赞(8)
未经允许不得转载:工具盒子 » JS用户倒计时