ganjue123
ganjue123
  • 发布:2016-12-20 14:24
  • 更新:2016-12-20 14:24
  • 阅读:5776

分享一个多页面倒计时60秒防止刷新的按钮+沉浸式状态栏js

分类:MUI
var DA = {  
    navStyle:function (color){//状态栏样式,参数(颜色),在ios7和android4.0以上有效  
		  
		plus.navigator.setStatusBarBackground(color);  
		plus.navigator.setStatusBarStyle('UIStatusBarStyleBlackOpaque')  
		  
   },  
    timeInit:function(btn_name){//初始化验证码按钮倒计时状态和设置当前页面的本地存储name  
		var countdown = localStorage.getItem(''+btn_name+'');  
		  
		if(countdown == null||countdown == "0"){  
        	$("#code_btn").html("获取验证码");  
        	$("#code_btn").css({'background':'#48A2E0','disabled':false,'color':'#fff'});  
        	localStorage.removeItem(''+btn_name+'');  
        }else if(countdown !== "0"){  
        	  
        	$("#code_btn").css({'background':'#ccc','disabled':true,'color':'#5f5f5f'})  
        	$("#code_btn").html("重新发送 ( " + countdown + " )");  
        	  
            this.timedown(''+btn_name+'');  
        }  
	},  
	  
	  
	timedown:function(btn_name){//倒计时定时器  
		var countdowns;  
		countdown = localStorage.getItem(''+btn_name+'');  
		  
        if (countdown == '0') {  
            $("#code_btn").html("获取验证码");  
            $("#code_btn").css({'background':'#48A2E0','disabled':false,'color':'#fff'})  
            return clearTimeout();//清除定时,没有的话会导致后面每次减一越来越快  
        } else {  
            $("#code_btn").html("重新发送 ( " + countdown + " )");  
            $("#code_btn").css({'background':'#ccc','disabled':true,'color':'#5f5f5f'})  
            countdown = countdown - 1;  
            localStorage.setItem(''+btn_name+'',countdown);  
        }  
        setTimeout(function() {  
        	  
            DA.timedown(''+btn_name+'')  
              
        }, 1000);//定时每秒减一  
	},  
	  
	  
	settime:function (btn_name){//点击获取手机号码,判断手机号码,执行此函数  
        var phone = document.getElementById("phone");//判断是否是input,根据自己的逻辑来玩  
        if(phone.tagName.toLocaleLowerCase() == 'input'){  
        	var check_phone_number = /^1[3458]\d{9}$/;  
            if (phone.value.length == '') {  
                DA.X_toast("手机号不能为空",'error.png',1000)  
                return;  
            }  
            if (phone.value.length != 11) {  
                DA.X_toast("请输入有效的手机号!",'error.png',1000)  
                return;  
            }  
            if (!phone.value.match(check_phone_number)) {  
                DA.X_toast("请输入有效的手机号",'error.png',1000)  
                return;  
            } else {  
                //短信发送,根据自己逻辑异步获取验证码  
                localStorage.setItem(''+btn_name+'','10');  
                this.timedown(''+btn_name+'');  
            }  
        }else{  
    	//短信发送,根据自己逻辑异步获取验证码  
             
            localStorage.setItem(''+btn_name+'','10');  
            this.timedown(''+btn_name+'');  
        }  
    }  
  
}  
  
  
  function plusReady(){  
		// 设置系统状态栏样式为浅色文字  
		DA.navStyle('#000000');  
		//localStorage.removeItem('LoginToken')//清除键值对  
		//localStorage.setItem('LoginToken','123456')//设置键值对  
		var LoginToken;   
		  
		//console.log(LoginToken);  
		  
		$('.content_divs').on('tap',function(){  
				LoginToken = localStorage.getItem("LoginToken");  
		 		var _self = $(this);  
		 		var url = _self.attr('data-url');  
		 		switch(url)  
					{  
					case 'Pay_record_head.html':  
					 	DA.open(url,'right');  
					  break;  
					case 'my_assets_head.html':  
					  DA.open(url,'right');  
					  break;  
					default:  
						LoginToken == null?(url = 'login.html',DA.open(url,'right')):DA.open(url,'right');  
					}  
		 	})  
	}  
	if(window.plus){  
		plusReady();  
	}else{  
		document.addEventListener("plusready",plusReady,false);  
	}
2 关注 分享
diken zorelu

要回复文章请先登录注册