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

分享一个多页面倒计时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

要回复文章请先登录注册