|
@@ -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>
|