前端样式完成

js/my-site.js

@@ -81,11 +81,10 @@ jQuery(function($){
 	    $('.head .head-btn').removeClass('cur');
 	    $('.head .nav').removeClass('active');
 	});
-	
 })
 
 // 提示弹窗
-	function openTips(val,closeTime='1500',title,align){
+function openTips(val,closeTime='1500',title,align){
 	$('.nav-bg').css('display','block');
 	$('.tips-box').css('display','block');
 	if(title==''){
@@ -101,4 +100,4 @@ jQuery(function($){
 		$('.tips-box').find('span').text('');
 		$('.tips-box').find('p').text('');
 	},closeTime)
-	}
+}

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>