JS sends the phone verification code countdown

<body>
		手机号码: <input type="number" /> <button>发送</button>
		<script type="text/javascript">
			var btn = document.querySelector('button');
			var time = 10 ;//剩下的秒数
			btn.addEventListener('click',function(){
    
    
				btn.disabled = true;
				//添加定时器
				var timer = setInterval(function(){
    
    
					if(time == 0) {
    
    
						//清除定时器和复原按钮
						clearInterval(timer);
						btn.disabled = false;
						btn.innerHTML = '重新发送';
						time = 10;
					}else{
    
    
						btn.innerHTML = '还剩下' + time + '秒' ;
						time -= 1 ;
					}
					
				},1000)
			})
		</script>
	</body>

Guess you like

Origin blog.csdn.net/Guoxuxinwen/article/details/104577383