前端样式完成
parent
5ea8349003
commit
cb45f68e6d
|
@ -62,7 +62,51 @@ jQuery(function($){
|
||||||
$(this).toggleClass('cur');
|
$(this).toggleClass('cur');
|
||||||
$('.top-right .open-more').toggle();
|
$('.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() {
|
$('.head .head-btn').click(function() {
|
||||||
if ($('.head .head-btn').attr('class') == 'head-btn cur') {
|
if ($('.head .head-btn').attr('class') == 'head-btn cur') {
|
||||||
|
|
|
@ -114,47 +114,4 @@
|
||||||
<!-- 提示框 -->
|
<!-- 提示框 -->
|
||||||
<div class="tips-box"><span></span><p></p></div>
|
<div class="tips-box"><span></span><p></p></div>
|
||||||
</body>
|
</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>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue