调整

microserviceUserH5/vcloud/springFestivalActivity.html

@@ -154,7 +154,7 @@
 			pages = 0,
 			phoneRemainQuantity = 0,
 			pageNum = 0,
-			imgNumber = 0,
+			animationFlag = true,
 			notReceive = 0,
 			recordFlag = false;
 		operate('sf_2022_h5_活动首页');
@@ -348,9 +348,7 @@
 		},false);
 		//点击抽奖
 		$('.once')[0].addEventListener('click',() => {
-			if(imgNumber == 5){
-				imgNumber = 0;
-			}
+			if(!animationFlag) return;
 			operate('sf_2022_h5_抽奖1次');
 			if(activityState === 0){
 				stopManyClick(() =>{
@@ -365,9 +363,7 @@
 			}
 		},false);
 		$('.five-times')[0].addEventListener('click',() => {
-			if(imgNumber == 5){
-				imgNumber = 0;
-			}
+			if(!animationFlag) return;
 			operate('sf_2022_h5_抽奖5次');
 			if(activityState === 0){
 				stopManyClick(() =>{
@@ -383,18 +379,14 @@
 		},false);
 		//点击再抽
 		$('.left-btn')[0].addEventListener('click',() => {
-			if(imgNumber == 5){
-				imgNumber = 0;
-			}
+			if(!animationFlag) return;
 			let val = $('.report-times').eq(0).text();
 			let pams = `sf_2022_h5_抽奖${val}次`;
 			operate(pams);
 			handleAward(val,'report')
 		},false);
 		function handleAward(times,type) {
-			if(imgNumber != 0 && imgNumber < 5){
-				return
-			}
+			animationFlag = false;
 			if(surplus === 0 || (times == 5 && surplus < 5)){
 				$('.have-times-wrap').eq(0).css('display', 'none');
 				$('.no-times-wrap').eq(0).css('display', 'block');
@@ -433,6 +425,7 @@
 								'季': 'season',
 								'年': 'year'
 							},
+							imgNumber = 0,
 							list = res.data.list;
 						if(list.length === 1){
 							$('.award-result-wrap')[0].className = 'card-wrap award-result-wrap one-result';
@@ -440,6 +433,9 @@
 										<img class="one-card" src="../static/img/springFestivalActivity/${cardObj[list[0].duration]}.png" />
 										<div class="card-text">星曜${list[0].duration}卡</div>
 									</div> `
+							setTimeout(() => {
+								animationFlag = true;
+							},1000);
 						}else{
 							$('.award-result-wrap')[0].className = 'card-wrap award-result-wrap many-card-wrap'
 							for (let i = 0; i < list.length; i++) {
@@ -452,6 +448,7 @@
 									$('.many-card-item').eq(imgNumber).css('display', 'block');
 									if(imgNumber >= 4){
 										clearInterval(imgTimer2);
+										animationFlag = true;
 									}
 									// <img class="light" src="../static/img/springFestivalActivity/light.gif?time=${new Date().getTime()}" />
 									// <img class="many-light" src="../static/img/springFestivalActivity/light.gif?time=${new Date().getTime()}" />