jQuery手机九宫格幸运抽奖代码

js代码

<script>
	var luck={
		index:0,	//当前转动到哪个位置，起点位置
		count:0,	//总共有多少个位置
		timer:0,	//setTimeout的ID，用clearTimeout清除
		speed:20,	//初始转动速度
		times:0,	//转动次数
		cycle:50,	//转动基本次数：即至少需要转动多少次再进入抽奖环节
		prize:-1,	//中奖位置
		init:function(id){
			if ($(\"#\"+id).find(\".luck-unit\").length>0) {
				$luck = $(\"#\"+id);
				$units = $luck.find(\".luck-unit\");
				this.obj = $luck;
				this.count = $units.length;
				$luck.find(\".luck-unit-\"+this.index).addClass(\"active\");
			};
		},

		
		roll:function(){
			var index = this.index;
			var count = this.count;
			var luck = this.obj;
			$(luck).find(\".luck-unit-\"+index).removeClass(\"active\");
			index += 1;
			if (index>count-1) {
				index = 0;
			};
			$(luck).find(\".luck-unit-\"+index).addClass(\"active\");
			this.index=index;
			return false;
		},
		stop:function(index){
			this.prize=index;
			return false;
		}
	};


	function roll(){
		luck.times += 1;
		luck.roll();
		if (luck.times > luck.cycle+10 && luck.prize==luck.index) {
			clearTimeout(luck.timer);
			luck.prize=-1;
			luck.times=0;
			click=false;
		}else{
			if (luck.times<luck.cycle) {
				luck.speed -= 10;
			}else if(luck.times==luck.cycle) {
				var index = Math.random()*(luck.count)|0;
				if(index>5){
					index = 7;
				}else {
					index = 5;
				}
				luck.prize = index;//最终中奖位置
			}else{
				if (luck.times > luck.cycle+10 && ((luck.prize==0 && luck.index==7) || luck.prize==luck.index+1)) {
					luck.speed += 110;
				}else{
					luck.speed += 20;
				}
			}
			if (luck.speed<40) {
				luck.speed=40;
			};

			luck.timer = setTimeout(roll,luck.speed);
		}
		return false;
	}


	var click=false;
	window.onload=function(){
		luck.init(\'luck\');
		$(\"#btn\").click(function(){
			/*//按下弹起效果
			$(\"#btn\").addClass(\"cjBtnDom\");
			setTimeout(function(){	
				$(\"#btn\").removeClass(\"cjBtnDom\");
			},200);*/

			
			if(click) {
				return false;
			}
			else{
				luck.speed=100;
				roll();
				click=true;
				return false;
			}

		});
	};
	//播报
	var demo = document.getElementById(\"demo\");
	var demo1 = document.getElementById(\"demo1\");
	var demo2 = document.getElementById(\"demo2\");
	demo2.innerHTML=document.getElementById(\"demo1\").innerHTML;
	function Marquee(){
		if(demo.scrollLeft-demo2.offsetWidth>=0){
			demo.scrollLeft-=demo1.offsetWidth;
		}
		else{
			demo.scrollLeft++;
		}
	}
	setInterval(Marquee,10);

</script>