当前位置：网站首页>JS SMS countdown implementation (simple code)

JS SMS countdown implementation (simple code)

2022-06-25 12:41:00 【Fall in love with*】 

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style type="text/css">
			#btn {
				background-color: skyblue;
				position: relative;
				left: 800px;
				top: 30px;
				border: 1px solid skyblue;
				border-radius: 10px;
				width: 300px;
				height: 40px;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<button type="button" id="btn" onclick="fun()"> Click my countdown </button>
		<script type="text/javascript">
		var a ;
		var i = 10;
			function fun(){
				a= setInterval(function(){
					if(i>0){
						btn.disabled = true;
						btn.innerText = (" count down "+(i < 10 ? "0" + i : i)+"s");
						i--;
					}else{
						clearInterval(a);
						btn.disabled = false;
						btn.innerText = " Refresh page retime ";						
					}					
				},1000);
				
			}
		</script>
	</body>
</html>

原网站

版权声明
本文为[Fall in love with*]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202200528160856.html

边栏推荐

猜你喜欢

随机推荐