kjh-m-55128/KJH55128_Rec/Content/js/common/cpkj.js

var cpkj=function(URL){
	var _this=this;
	this.ele=null;
	this.url=URL;
	this.opts=null;
	this.createEl=function(e,c,p){
		var ele=document.createElement(e);
		ele.setAttribute('class',c);
		p.appendChild(ele);
		return ele;
	},
	this.drawTheader=function(ele){
		ele.innerHTML='<div class="list-header-left col-xs-2">'+
					'<span class="iconfont icon-hot"></span>'+
					'<br />'+
					'<span class="cp-lable lotName"></span>'+
				'</div>'+
				'<div class="list-header-right col-xs-10 row">'+
					'<p class="col-xs-12 col-md-6">第 <span class="qishu"></span> 期开奖结果</p>'+
//					'<p class="col-xs-0 col-md-6 kjrq"></p>'+										
				'</div>';
	}
	this.drawTball=function(ele){
		var balls="";
		var ballArr=_this.opts.preDrawCode.split(",");
		for(var i=0;i<ballArr.length-1;i++){
			balls+='<div class="ball-list red"></div>'
		}
		balls+='<div class="ball-list blue"></div>';
		ele.innerHTML=balls;
	}
	this.drawTnext=function(ele){
		ele.innerHTML='<p class="col-xs-12 col-md-4">奖池：<span class="jc"></span></p>'+
					'<p class="col-xs-12 col-md-8">距下期开奖仅剩： <span class="timebox"></span></p>'
	}
	this.drawTbutton=function(ele){
		ele.innerHTML='<div class="btn-list toHistory">开奖详情</div>'+
		'<div class="btn-list">历史开奖</div>'+
		'<div class="btn-list">走势</div>'+						
		'<div class="btn-list">图库</div>'
	}
	this.getAjax=function(callback){
		$.ajax({
			url:_this.url,
			type:"get",
			success:function(res){
//				var data=eval('(' + res + ')');
				var data=JSON.parse(res);
//				console.log(data);
				_this.opts=data.result.data;
//				console.log('countdown',formatTime(_this.opts.drawTime));
				if(callback){
					callback();
				}	
			}
		})
	}
	this.getData=function(){
		//header数据
		_this.addData("lotName",0,_this.opts.lotName);
		_this.addData("qishu",0,_this.opts.preDrawIssue);
//		_this.addData("kjrq",0,"每周二、周四、周日开奖");
		//小球数据
		var ballArr=_this.opts.preDrawCode.split(",");
		for(var i=0;i<ballArr.length-1;i++){
			_this.addData("red",i,ballArr[i]);
		}
		_this.addData("blue",0,ballArr[ballArr.length-1]);
		_this.lineHeight();
		//下期开奖数据
		_this.addData("jc",0,"4.2亿");
		_this.updateTime();
	}
	this.addData=function(className,i,text){
		_this.ele.getElementsByClassName(className)[i].innerText=text;
	}
	this.updateTime=function(){
		var countdown=formatTime(_this.opts.drawTime);
		if(countdown){
			_this.addData("timebox",0,countdown);
			setTimeout(_this.updateTime,1000);
		}
		else{
			_this.refresh();
		}
	}
	this.refresh=function(){
		_this.addData("timebox",0,"开奖中... ");
		var balljump=setInterval(_this.balljump,20);
		_this.getAjax(function(){
			var countdown=formatTime(_this.opts.drawTime);
			clearInterval(balljump);
			if(countdown){
				_this.getData();
			}
			else{
				_this.refresh();
			}
		})
	}
	//小球数据
	this.balljump=function(){
		var ballArr=_this.opts.preDrawCode.split(",");
		for(var i in ballArr){
			_this.addData("ball-list",i,getRandomNum(0,10));
		}
		_this.lineHeight(true);
	}
	this.lineHeight=function(jump){
		var newLineheight=30;
		if(jump){
			newLineheight=getRandomNum(0,50);
		}
		var balllists=_this.ele.getElementsByClassName("ball-list");
		for(var i=0;i<balllists.length;i++){
			balllists[i].style.lineHeight=newLineheight+"px"
		}
	}
	this.getCallback=function(ele){
		if(ele.addEventListener){
			ele.addEventListener("click",function(){
				test1();
			},false)
		}
		else  {
		    ele.attachEvent("onclick",function(){
		    	calback()
		    });
		}
		var test1=function(){
			alert("喝杯咖啡再来吧");
		}
	}
	_this.getAjax(function(){
		var listBox=_this.createEl("div", "cpkj-list-box col-xs-12", document.getElementById("cpkj-wrapper"));
		_this.ele=_this.createEl("div", "cpkj-list",listBox);
		var t_header=_this.createEl("div", "cpkj-list-header row",_this.ele);
		var t_ball=_this.createEl("div", "cpkj-list-ball",_this.ele);
		var t_next=_this.createEl("div", "cpkj-list-next row",_this.ele);
		var t_button=_this.createEl("div", "cpkj-list-button",_this.ele);
		_this.drawTheader(t_header);
		_this.drawTnext(t_next);
		_this.drawTbutton(t_button);
		_this.drawTball(t_ball);
//		var countdown=formatTime(_this.opts.drawTime);
//		if(countdown){
			_this.getData();
//		}
//		else{
//			_this.refresh();
//		}	
		_this.getCallback(_this.ele.getElementsByClassName("btn-list")[0]);
		_this.getCallback(_this.ele.getElementsByClassName("btn-list")[1]);
		_this.getCallback(_this.ele.getElementsByClassName("btn-list")[2]);
		_this.getCallback(_this.ele.getElementsByClassName("btn-list")[3]);
	});
	return _this;
}