前端样式完成

master
Lee-1203 2022-05-12 16:18:33 +08:00
parent 5ea8349003
commit cb45f68e6d
2 changed files with 44 additions and 43 deletions

View File

@ -62,7 +62,51 @@ jQuery(function($){
$(this).toggleClass('cur');
$('.top-right .open-more').toggle();
});
// 获取验证码(注册)
if($('#btnSendCode').length > 0){
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 + "秒后重新获取");
}
}
// 手机导航按钮
$('.head .head-btn').click(function() {
if ($('.head .head-btn').attr('class') == 'head-btn cur') {

View File

@ -114,47 +114,4 @@
<!-- 提示框 -->
<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>