九宫格大转盘抽奖

页面效果如下：

  
  
  
  
  
  
  

  


   	

   		

   			

   				
1000元
现金
   			
   			

   				
抱枕
   			
   			

   				
100元
京东卡
   			
   		
   		

   			

   				
谢谢参与
   			
   			

   				
Go
   			
   			

   				
1000元
现金
   			
   		
   		

   			

   				
100元
京东卡
   			
   			

   				
谢谢参与
   			
   			

   				
抱枕
   			
   		
    

           var index = Math.random()*(lottery.count)|0;
            //随机位置赋值，若是接口请求确定好位置 这块需要去掉
            lottery.prize = index;     

此处中奖位置被随机赋值，中奖位置需要由接口返回时 如下：

function roll(){
    lottery.times += 1;
    lottery.roll();//转动过程调用的是lottery的roll方法，这里是第一次调用初始化
    if (lottery.times > lottery.cycle+10 && lottery.prize==lottery.index) {
        //接口返回的处理 告知用户状态
    	var is_prize = $("#lottery").attr("is_prize");
        setTimeout(function(){
	        if(is_prize == 1){
	        	alert('中奖了')
	        }else{
	        	alert('未中奖')
	        }
        },1000)


        clearTimeout(lottery.timer);
        lottery.prize=-1;
        lottery.times=0;
        click=false;
    }else{
        if (lottery.times lottery.cycle+10 && ((lottery.prize==0 && lottery.index==7) || lottery.prize==lottery.index+1)) {
                lottery.speed += 110;
            }else{
                lottery.speed += 20;
            }
        }
        if (lottery.speed<40) {
            lottery.speed=40;
        };
        lottery.timer = setTimeout(roll,lottery.speed);//循环调用
    }
    return false;
} 



 $("#lottery .lottery-go").click(function() {
    	if(click){
    		return false
    	}else{
	        $.ajax({
	            type: 'GET',
	            url: url, 
	            success:function(res){
	            	res = JSON.parse(res)
	            	if(res.code == 200){
	                	// 5 7 谢谢参与     1 4 中奖抱枕
            			var is_prize = res.data.is_prize;
            			if(is_prize == 0){
            				var losing = [5,7];
                 			var losing_index=parseInt(losing.length*Math.random()) 
							lottery.prize = losing[losing_index]; 
            			}else if(is_prize == 1){
            				var win = [1,4];
            				var win_index=parseInt(win.length*Math.random()) 
                 			lottery.prize=win[win_index];
            			}

            			$("#lottery").attr('is_prize',is_prize);
        
	                    lottery.speed = 100; 
	                    roll();
	                    click = true;
	                    return false;

	            	}else{
	            		alert(res.message)
	            	}        
	            }
	        });
        }
    })