update double 11 html

aiberle/20191023.html

@@ -98,10 +98,20 @@
 		
 		<div class="ms_class ul_class" style="height: 210px;padding-top:5px ;">
 			<ul>
-				<li style="width: 48%;"><img style="margin-left: 3%;height: 205px;" src="images/20191024/ms_before.jpg" /></li>
-				<li style="width: 48%;"><img style="margin-left: 5%;height: 205px;" src="images/20191024/ms_before_zp.jpg" /></li>
+				<li style="width: 48%;margin-left: 1%;">
+					<img id="ms_01" style="display: none;height: 205px;" src="images/20191024/ms_before.jpg" />
+					<img id="ms_02" style="display: none;height: 205px;" class="mui-media-object to_new_slt"  src="images/20191024/ms_after_02.jpg">
+					<img id="ms_03" style="display: none;height: 205px;" class="mui-media-object"  src="images/20191024/ms_after_03.jpg">
+				</li>
+				<li style="width: 48%;margin-left: 1%;">
+					<img id="xs_01" style="display: none;height: 205px;" src="images/20191024/ms_before_zp.jpg" />
+					<img id="xs_02" style="display: none;height: 205px;" class="mui-media-object to_new_xs" src="images/20191024/ms_after_zp.jpg">
+				</li>
 			</ul>
-			<div style="position: relative;display: block; top: -104px; left: 20%; font-weight: bold; color: #FF666B;    width: 80px; height: 20px; float: left;" id="endDate">23:59:59</div>
+			<div style="position: relative; top: -104px; left: 20%; font-weight: bold; color: #FF666B;width: 80px; height: 20px; float: left;">
+				<div id="sj_01" style="display: none;color: #FF666B;" >23:59:59</div>
+				<div id="sj_02" style="display: none;color: #FF666B;" >23:59:59</div>
+			</div>
 		</div>
 		
 		<div class="slogan_class ul_class" style="height: 53px;padding-top:0px ;margin-top: 10px;">
@@ -229,6 +239,8 @@
 		}
 		
 		mui.ready(function() {
+			calculatingTime();
+			
 			$.ajax(base_path + '/wechat/indexData?dates=' + new Date().getTime(), {
 				data: {},
 				dataType: 'json',
@@ -363,6 +375,12 @@
 		$(document).on('tap', '.to_goods>li>a', function() {
 			location.href = 'pro-details.html?productId=' + $(this).attr("proid")
 		});
+		mui('body').on('tap', '.to_new_slt', function() {
+		   location.href = 'pro-details.html?productId=59'
+		});
+		mui('body').on('tap', '.to_new_xs', function() {
+		   	location.href = "pro-list.html?productId=13";
+		});
 		//产品详情-配件
 		$(document).on('tap', '#index-pro-items>.mui-control-item', function() {
 			location.href = 'pro-list.html?productId=' + $(this).attr("name") + '&childTypeId=' + $(this).attr("item");
@@ -416,30 +434,44 @@
 		/**
 		 * 
 		 */
-		var endDate = new Date(2019,10,10,00,00,00);	//秒杀
-		var endDate = new Date(2019,10,10,00,00,00);	//限时购
+		var msStartDate = new Date(2019,10,10,00,00,00);	//秒杀
+		var msEndDate = new Date(2019,10,11,00,00,00);	//秒杀结束
+		var limitPurchaseDate = new Date(2019,10,11,11,00,00);	//限时购
+		// var msStartDate = new Date(2019,09,28,18,20,00);	//秒杀
+		// var msEndDate = new Date(2019,09,28,17,21,00);	//秒杀结束
+		// var limitPurchaseDate = new Date(2019,09,28,17,00,00);	//限时购
 		function calculatingTime(){
-			 var newdate = new Date();//获取当前时间
-			  var dateDiff = endDate.getTime() - newdate;//时间差的毫秒数
-			  var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数
-			  var leave1=dateDiff%(24*3600*1000)  //计算天数后剩余的毫秒数
-			  var hours=Math.floor(leave1/(3600*1000))//计算出小时数
-			  var allHours = hours + dayDiff*24;	//计算总小时数
-			  //计算相差分钟数
-			  var leave2=leave1%(3600*1000)  //计算小时数后剩余的毫秒数
-			  var minutes=Math.floor(leave2/(60*1000))//计算相差分钟数
-			  //计算相差秒数
-			  var leave3=leave2%(60*1000)   //计算分钟数后剩余的毫秒数
-			  var seconds=Math.round(leave3/1000)
-			  //console.log("总小时："+ allHours +";相差天数："+dayDiff+";小时："+hours+";分钟"+minutes+";秒数"+seconds);
-			  
-			  if(minutes < 10){
-				  minutes = "0"+minutes;
+			  var jetLag = getJetLag(msStartDate);
+			  if(jetLag.dateDiff > 0){	//未开始
+				   $("#sj_01").show();
+				   $("#ms_01").show();
+				   $("#sj_01").text(jetLag.allHours+":"+jetLag.minutes+":"+jetLag.seconds)
+			  }else{
+				  //已开始
+				  $("#ms_01").hide();
+				  $("#sj_01").hide();
+				  
+				  var msEndJetLeg = getJetLag(msEndDate);
+				  if(msEndJetLeg.dateDiff >= 0){	//已开始
+					  $("#ms_02").show();
+					  $("#sj_02").show();
+					  $("#sj_02").text(msEndJetLeg.allHours+":"+msEndJetLeg.minutes+":"+msEndJetLeg.seconds)
+				  }else{	//一结束
+					  $("#ms_02").hide();
+					  $("#ms_03").show();
+					  $("#sj_02").hide();
+				  }
 			  }
-			  if(seconds < 10){
-				  seconds = "0"+seconds;
-			  }
-			  $("#endDate").text(allHours+":"+minutes+":"+seconds)
+			  
+			   var lPDjetLag = getJetLag(limitPurchaseDate);
+			   if(lPDjetLag.dateDiff > 0){
+				   $("#xs_01").show();
+				   $("#xs_02").hide();
+			   }else{
+				   $("#xs_01").hide();
+				   $("#xs_02").show();
+			   }
+			  
 		}
 		$(document).ready(function() {
 			//一秒刷新一次显示时间 
@@ -447,6 +479,44 @@
 				calculatingTime();
 			},1000)
 		 })
+		 
+		 function getJetLag(scfDate){
+			 var newdate = new Date();//获取当前时间
+			 var dateDiff = scfDate.getTime() - newdate;//时间差的毫秒数
+			 var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数
+			 var leave1=dateDiff%(24*3600*1000)  //计算天数后剩余的毫秒数
+			 var hours=Math.floor(leave1/(3600*1000))//计算出小时数
+			 var allHours = hours + dayDiff*24;	//计算总小时数
+			 //计算相差分钟数
+			 var leave2=leave1%(3600*1000)  //计算小时数后剩余的毫秒数
+			 var minutes=Math.floor(leave2/(60*1000))//计算相差分钟数
+			 //计算相差秒数
+			 var leave3=leave2%(60*1000)   //计算分钟数后剩余的毫秒数
+			 var seconds=Math.round(leave3/1000)
+			 //console.log("总小时："+ allHours +";相差天数："+dayDiff+";小时："+hours+";分钟"+minutes+";秒数"+seconds);
+			
+			if(hours < 10){
+			  hours = "0"+hours;
+			}
+			if(allHours < 10){
+			  allHours = "0"+allHours;
+			}
+			if(minutes < 10){
+			  minutes = "0"+minutes;
+			}
+			if(seconds < 10){
+			  seconds = "0"+seconds;
+			}
+			
+			var jetLag = new Object();
+			jetLag.dateDiff = dateDiff;
+			jetLag.dayDiff = dayDiff;
+			jetLag.hours = hours;
+			jetLag.allHours = allHours;
+			jetLag.minutes = minutes;
+			jetLag.seconds = seconds;
+			return jetLag;
+		 }
 	</script>
 
 </html>