From 5ea83490036a0fed20d50a69c782c2c3903eaad1 Mon Sep 17 00:00:00 2001
From: Lee-1203 <342694918@qq.com>
Date: Thu, 12 May 2022 16:16:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E6=A0=B7=E5=BC=8F=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/my-site.js | 33 ++++++++++++++++-----------------
 register.html | 45 ++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 60 insertions(+), 18 deletions(-)

diff --git a/js/my-site.js b/js/my-site.js
index a793c93..1da0e32 100644
--- a/js/my-site.js
+++ b/js/my-site.js
@@ -81,24 +81,23 @@ jQuery(function($){
 	    $('.head .head-btn').removeClass('cur');
 	    $('.head .nav').removeClass('active');
 	});
-	
 })
 
 // 提示弹窗
-	function openTips(val,closeTime='1500',title,align){
-		$('.nav-bg').css('display','block');
-		$('.tips-box').css('display','block');
-		if(title==''){
-			$('.tips-box').find('span').css('margin-bottom',0);
-		}
-		$('.tips-box').css('text-align',align);
-		$('.tips-box').find('span').text(title);
-		$('.tips-box').find('p').text(val);
-		setTimeout(function() {
-			$('.nav-bg').css('display','none');
-		    $('.tips-box').css('display','none');
-			$('.tips-box').css('text-align','left');
-			$('.tips-box').find('span').text('');
-			$('.tips-box').find('p').text('');
-		},closeTime)
+function openTips(val,closeTime='1500',title,align){
+	$('.nav-bg').css('display','block');
+	$('.tips-box').css('display','block');
+	if(title==''){
+		$('.tips-box').find('span').css('margin-bottom',0);
 	}
+	$('.tips-box').css('text-align',align);
+	$('.tips-box').find('span').text(title);
+	$('.tips-box').find('p').text(val);
+	setTimeout(function() {
+		$('.nav-bg').css('display','none');
+		$('.tips-box').css('display','none');
+		$('.tips-box').css('text-align','left');
+		$('.tips-box').find('span').text('');
+		$('.tips-box').find('p').text('');
+	},closeTime)
+}
diff --git a/register.html b/register.html
index 8b866d8..30e33d9 100644
--- a/register.html
+++ b/register.html
@@ -79,7 +79,7 @@
 							<span>手机验证码</span>
 							<section>
 								<input type="text" name="uname" placeholder="">
-								<button class="code-btn">获取手机验证码</button>
+								<button class="code-btn" id="btnSendCode">获取手机验证码</button>
 							</section>
 						</li>
 						<li>
@@ -114,4 +114,47 @@
 		<!-- 提示框 -->
 		<div class="tips-box"><span></span><p></p></div>
 	</body>
+	<script type="text/javascript">
+		var InterValObj; //timer变量，控制时间
+		var count = 60; //间隔函数，1秒执行
+		var curCount = 60;//当前剩余秒数
+		var code = ""; //验证码
+		var codeLength = 6;//验证码长度
+		
+		$('#btnSendCode').click(function(){
+			curCount = count;
+			
+			// var dealType; //验证方式
+			// var uid=$("#uid").val();//用户uid
+			// if ($("#phone").attr("checked") == true) {
+			// 	dealType = "phone";
+			// }
+			// else {
+			// 	dealType = "email";
+			// }
+			// //产生验证码
+			// for (var i = 0; i < codeLength; i++) {
+			// 	code += parseInt(Math.random() * 9).toString();
+			// }
+			
+			//设置button效果，开始计时
+			$("#btnSendCode").attr("disabled", "true");
+			$("#btnSendCode").text(curCount + "秒后重新获取");
+			InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
+		});
+		
+		//timer处理函数
+		function SetRemainTime() {
+			if (curCount == 1) {               
+			window.clearInterval(InterValObj);//停止计时器
+			$("#btnSendCode").removeAttr("disabled");//启用按钮
+			$("#btnSendCode").text("重新发送验证码");
+			code = ""; //清除验证码。如果不清除，过时间后，输入收到的验证码依然有效   
+		} else {
+			curCount--;
+			$("#btnSendCode").text(curCount + "秒后重新获取");
+			}
+		}
+	</script>
+
 </html>