积分抽奖

在这里插入图片描述



剩余积分:66
还有2次免费抽奖机会

























50积分



水活力小安瓶


50积分 50积分
50积分 50积分




水活力小安瓶


50积分




水活力小安瓶


50积分



水活力小安瓶


50积分




活动规则


1. 新注册会员获得一次抽奖机会。


2. 每邀请5位好友成功注册获得一次抽奖机会。


3. 抵扣30积分(在商城消费300元)获得一次抽奖机会。


4. 每招到一位精英获得一次抽奖机会。




恭喜您获得


获得50积分


积分




恭喜您获得




获得水活力小安瓶






js代码部分
$(’.jifen-btn’).click(function(){
$(’.jifenmask’).hide();
$(’.mask’).hide();
});
$(’.other-btn’).click(function(){
$(’.othermask’).hide();
$(’.mask’).hide();
});

var luck={
		index:-1,	//当前转动到哪个位置,起点位置
		count:0,	//总共有多少个位置
		timer:0,	//setTimeout的ID,用clearTimeout清除
		speed:15,	//初始转动速度
		times:0,	//转动次数
		cycle:30,	//转动基本次数:即至少需要转动多少次再进入抽奖环节
		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("activex");
			};
		},

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

	var num=parseInt($('.cjjf').text());//抽奖积分
	var cjnum=parseInt($('.cjnum').text());//抽奖次数
	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 -= 30;
			}else if(luck.times==luck.cycle) {
				var index = Math.random()*(luck.count)|0;
				luck.prize = index;	
				console.log(index);	
				if($('.luck-unit').eq(index).hasClass('jifen-number')){
					var jifentxt=$('.luck-unit').eq(index).text();
					$('.jifenmask').find('.jifentxt').text(jifentxt);
					$('.jifenmask').show();
					
				}else if($('.luck-unit').eq(index).hasClass('other-prizes')){
					var otherimg=$('.luck-unit').eq(index).find('span>img').attr('src');
					var othertxt=$('.luck-unit').eq(index).find('p').text();
					$('.othermask').find('.othermask-img>img').attr('src',otherimg);
					$('.othermask').find('.othermask-img>p').text(othertxt);
					$('.othermask').show();
				}
				$('.mask').show();
			}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(){
			if(click) {
				return false;
			}
			else{
				if(cjnum==0){
					/*使用积分抽奖*/
					if(num>30){
					num=num-30;
					$('.cjjf').text(num);
					click=true;
				}else{
					click=false;
					alert('积分不足');
					return false;
				}
					luck.speed=100;
					roll();
					click=true;
					return false;
				}else{
					/*消耗免费抽奖次数抽奖*/
					cjnum-=1;
					$('.cjnum').text(cjnum);
					luck.speed=100;
					roll();
					click=true;
					return false;
				}
			}			
		});
	};![在这里插入图片描述](https://img-blog.csdnimg.cn/2018111617061964.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d4Yjg4MjYyMDY=,size_16,color_FFFFFF,t_70)

猜你喜欢

转载自blog.csdn.net/wxb8826206/article/details/84142559