当前位置: 首页 >> Java >> grails 大转盘代码解析

grails 大转盘代码解析

发表时间:2016-12-15 18:16  |  3条评论  |  点击数:195  |  作者:jws132

进入

   <script src="http://zt.hangzhoushentou.com/eia161212/images/jquery.min.1.7.1.js" type="text/javascript"></script>
   <script src="http://7xta17.com1.z0.glb.clouddn.com/zt/dzp/images/jquery.rotate.min.js"></script>

Css代码:

div > img{width:100%;}



.turnplate{position: relative;}
.turnplate img.pointer{position: absolute;  width: 30%; height: 30%; left: 34%;  top: 36%; }


html代码:

       


     

           
           
       



js代码:



$(function(){
	var $hand = $('.hand');
	$hand.click(function(){
		 $.get("${request.contextPath}/interface/rotate",function(data,status){
		data=parseInt(data);
    		switch(data){
    			case 1:
    				rotateFunc(1,0,'一等奖:IPhone 7 ');
    				break;
    			case 2:
    				rotateFunc(2,47,'模拟交易高手指导3天 ');
    				break;
    			case 3:
    				rotateFunc(3,90,'二等奖:蓝牙耳机');
    				break;
    			case 4:
    				rotateFunc(4,140,'理财师1VS1指导现金券100元');
    				break;
    			case 5:
    				rotateFunc(5,185,'再接再厉');
    				break;
    			case 6:
    				rotateFunc(6,230,'三等奖:运动手环');
    				break;
    			case 7:
    				rotateFunc(7,270,'理财师1vs1指导现金券500元');
    				break;
    			case 8:
    				rotateFunc(8,320,'价值680元的投资计划书');
    				break;
    			}

		});
	});

	var rotateFunc = function(awards,angle,text){
		$hand.stopRotate();
		$hand.rotate({
			angle: 0,
			duration: 8000,
			animateTo: angle + 1800,
			callback: function(){
			   alert(text);
			}
		});
	};
});



grails代码:

def rotate(){
def data =[:]
def arr=[]

/**id:返回给前台的数值

    val:中奖概率 

   name:名称

**/
def prize_arr=[[id:1,val:0,name:'一等奖:IPhone 7 '],[id:2,val:20,name:'四等奖:模拟交易高手指导3天'],[id:3,val:0,name:'二等奖:蓝牙耳机'],[id:4,val:20,name:'六等奖:理财师1VS1指导现金券100元'],[id:5,val:10,name:'再接再厉'],[id:6,val:0,name:'三等奖:运动手环'],[id:7,val:30,name:'五等奖:理财师1vs1指导现金券500元'],[id:8,val:20,name:'七等奖:价值680元的投资计划书']];
//获取数组的val
prize_arr.eachWithIndex {d,indx ->
arr[indx] = d.val
}

//返回的数值
def r = get_rand(arr)
render r
}




def get_rand(proArr) {
      def result = '';
     //概率数组的总概率精度
     def proSum = proArr.sum();
    //概率数组循环
    proArr.eachWithIndex {it,i->
         i++
       //(数据类型)(最小值+Math.random()*(最大值-最小值+1))
   def randNum = new Random().nextInt(proSum)   //随机获取1-proSum的值 (int)(1+Math.random()*(proSum-1+1));
    if (randNum <= it) { //中奖
   result = i;
  return false
  }else{
   proSum -= it;
 }
 }
proArr=''
return result;
}

网友评论 3条评论
  
  • 全部评论
  • 头像
    2017-09-24 00:22:12
    <a href=https://www.viagrapascherfr.com/>More info>>></a>
  • 头像
    2017-09-10 11:41:36
    301 Moved Permanently <a href=https://www.viagrapascherfr.com/>301 Moved Permanently...</a>
  • 头像
    2017-08-19 20:08:11
    <a href=https://www.viagrapascherfr.com/>Show more!..</a>
  • 站主信息
网名:小白 | ゞ_Shuつ
姓名:蒋文书
生日:1990-05-22
籍贯:浙江省—温州市
现居:北京市—昌平区
职业:网站设计、网站制作。今后想成为一名高级程序员
爱好:研究java,php编程,打球,唱歌,登山。
喜欢的书:《红与黑》《红楼梦》
喜欢的歌手:黄家驹 Rain 六哲
网站信息:本站正在完善中下步会新增用户中心预计完成在7月中旬
  • 热门关注
  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 资深旅游达人,走南闯北,半年写完超长游记...

  • 【聚会】22日跟大闽网友一起看世界杯,小龙虾啤酒通通免费吃...[详细]

  • 【福利】带孩子玩水不要钱!50份白水洋套票免费送了...[详细]

  • 【福利】熬夜看球太累太伤?没关系!养生粤菜免费吃起来...[详细]

  • 【独家】送福利来了,空调挂机免费清洗,快来回帖报名吧...[详细]

  • 【独家】猜世界杯冠军,8套1088元纯金纪念钞免费送! ...[详细]

Copyright © 2013-2016 . 蒋文书个人博客 版权所有 浙ICP备16006289号