var dayNum = 0; var flag = true; var flag2 = true; var interval = null; var bonds = 0; $(function() { $.ajaxSetup({ global: false, type: 'post', dataType: "JSON", data: { os: 'WEB', cid: 'web_gw', lang: 2, uid: url_get_params().uid, token: url_get_params().token } }) getData(); receiveList(); }) //获取当前天 function getData() { $.ajax({ url: _url + '/active202001/LiveGasStation/hall_1/list', data: { type: 'stage' }, success: function(res) { if(res.code == -1 || res.code == -3){ layer.msg(res.msg); return; } getTime(); userInfo(res.data); getBtnState(res.data); dayNum = res.data; for(var i = 0; i < $('.dayCon .swiper-slide').length; i++) { if(i == res.data - 1) { $('.dayCon .swiper-slide').eq(i).addClass('day1'); } else if(i > res.data - 1) { $('.dayCon .swiper-slide').eq(i).addClass('day2'); } else { $('.dayCon .swiper-slide').eq(i).addClass('day0'); } } $('.dayCon .swiper-slide').show(); var swiperIndex = res.data - 1; if(res.day > 4) swiperIndex = res.data - 4; var mySwiper = new Swiper('.swiper-container', { direction: 'horizontal', slidesPerView: 4.3, resistanceRatio: 0, initialSlide: 0, spaceBetween: '1%', initialSlide: swiperIndex, }); } }) } //切換 function dayChange(day) { if(day > dayNum) return; $('.swiper-slide').removeClass('day1').eq(day - 1).addClass('day1'); getBtnState(day); userInfo(day); } //获取倒计时时间 function getTime() { $.ajax({ url: _url + '/active202001/LiveGasStation/hall_1/list', data: { type: 'time', }, success: function(res) { clearInterval(interval); var now = new Date().getTime(); var end = res.data; var result = Math.floor(end - now) / 1000; var seconds = Math.floor(result % 60); // 计算秒 ,取余 var minites = Math.floor((result / 60) % 60); //计算分 ,换算有多少分,取余,余出多少秒 var hours = Math.floor((result / 3600) % 24); //计算小时,换算有多少小时,取余,24小时制除以24,余出多少小时 var str = ''; str += '<span>' + add0(hours) + '</span><span>' + add0(minites) + '</span><span>' + add0(seconds) + '</span>'; $('.mTime').html(str); interval = setInterval(function() { if(result > 1) { result = result - 1; seconds = Math.floor(result % 60); // 计算秒 ,取余 minites = Math.floor((result / 60) % 60); //计算分 ,换算有多少分,取余,余出多少秒 hours = Math.floor((result / 3600) % 24); //计算小时,换算有多少小时,取余,24小时制除以24,余出多少小时 str = ''; str += '<span>' + add0(hours) + '</span><span>' + add0(minites) + '</span><span>' + add0(seconds) + '</span>'; $('.mTime').html(str); } else { clearInterval(interval); window.window.location.reload(); } }, 1000) } }) } //時間加0 function add0(m) { return m < 10 ? '0' + m + "" : m + "" } //用户直播信息 function userInfo(day) { $.ajax({ url: _url + '/active202001/LiveGasStation/hall_1/list', data: { type: 'timeInfo', day: day }, success: function(res) { getBoxScore(res); bonds = res.get_bonds; getExchangeStauts(); //直播螢火 var hours = Math.floor(res.time_limit / 60)+Number(((res.time_limit-Math.floor(res.time_limit / 60)*60)/60).toFixed(2)); $('.hour').html(hours+'小時'); $('.fires').html(res.bonds_limit+'螢火'); //我的直播时长 $('.myHourBox .progressText').html(res.data.dscore + '/'+hours); $('.myBoxFires .progressText').html(res.data.dval + '/'+res.bonds_limit); var $width1 = 0; var dscore = res.data.dscore > hours ? hours : res.data.dscore; $width1 = (dscore / hours) * 4.973; $('.myHourBox .cont').css('width', $width1 + 'rem'); var $width2 = 0; var dval = res.data.dval > res.bonds_limit ? res.bonds_limit : res.data.dval; $width2 = (dval / res.bonds_limit) * 4.973; $('.myBoxFires .cont').css('width', $width2 + 'rem'); //用戶頭像 var str = ''; str += '<a href="http://yazhai://_' + res.data.uid + '_zone">'; str += ' <img src="' + cdn + res.data.faceimg + '?x-oss-process=image/resize,w_72" />'; str += '</a>'; str += '<span class="myBoxName ellipsis">' + res.data.nick + '</span>' $('.myInfo').html(str); } }) } //领取积分状态 function getBtnState(day) { $.ajax({ url: _url + '/active202001/LiveGasStation/hall_1/list', data: { type: 'status', day: day }, success: function(res) { $('.receivePoint').removeAttr('onclick'); if(res.data == -1) { $('.receivePoint').removeClass('check').html('不能領取'); } else if(res.data == 1) { $('.receivePoint').addClass('check').html('領取積分').attr('onclick', 'receiveAward(' + day + ')'); } else if(res.data == -3) { $('.receivePoint').removeClass('check').html('已經領取'); } } }) } //領取積分 function receiveAward(day) { $.ajax({ url: _url + '/active202001/LiveGasStation/hallAction_1/list', data: { type: 'receiveAward', day: day }, success: function(res) { if(res.data == 1) { layer.msg('領取成功'); getBtnState(day); getBoxScore(); getExchangeStauts(); } else if(res.data == -2) { layer.msg('不在活動時間內!'); } else if(res.data == -1) { layer.msg('領取條件不足!'); } else if(res.data == -3) { layer.msg('您已經領取過該獎勵了!'); } else if(res.data == -4) { layer.msg('當前賬號無法領取!') } else { layer.msg(res.msg); } } }) } //獲取賬戶積分 function getBoxScore(data) { $.ajax({ url: _url + '/active202001/LiveGasStation/hall_1/list', data: { type: 'timeScore' }, success: function(res) { $('.userInter').html('賬戶積分:<font>' + res.data + '</font>'); $('.interBoxNum p:eq(0)').html(data.value_one); $('.interBoxDesc p:eq(0)').html('累積積分達到'+data.value_one); $('.interBoxNum p:eq(1)').html(data.value_two); $('.interBoxDesc p:eq(1)').html('累積積分達到'+data.value_two); $('.interBoxNum p:eq(2)').html(data.value_three); $('.interBoxDesc p:eq(2)').html('累積積分達到'+data.value_three); var str = ''; var $width = 0; if(res.data < data.value_one) { $width = (res.data / data.value_one) * 1.1; str += '<img src="https://app.ixiulive.com/static/liveGas/img/1h.png" class="interBox interBox1" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/2h.png" class="interBox interBox2" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/3h.png" class="interBox interBox3" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>'; str += '<div class="interBoxJdt2"></div>'; } else if(res.data < data.value_two) { $width = 1.1 + ((res.data - data.value_one) / (data.value_two-data.value_one)) * 1.9; str += '<img src="https://app.ixiulive.com/static/liveGas/img/1.png" class="interBox interBox1" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/2h.png" class="interBox interBox2" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/3h.png" class="interBox interBox3" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>'; str += '<div class="interBoxJdt2"></div>'; } else if(res.data < data.value_three) { $width = 3 + ((res.data - data.value_two) / (data.value_three-data.value_two)) * 1.94; str += '<img src="https://app.ixiulive.com/static/liveGas/img/1.png" class="interBox interBox1" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/2.png" class="interBox interBox2" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/3h.png" class="interBox interBox3" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>'; str += '<div class="interBoxJdt2"></div>'; } else { $width = 5.24; str += '<img src="https://app.ixiulive.com/static/liveGas/img/1.png" class="interBox interBox1" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/2.png" class="interBox interBox2" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/3.png" class="interBox interBox3" />'; str += '<img src="https://app.ixiulive.com/static/liveGas/img/jdt1.png" class="interBoxJdt1"/>'; str += '<div class="interBoxJdt2"></div>'; } $('.interBoxTant').html(str); $('.interBoxJdt2').css('height', $width + 'rem'); } }) } //獲取領取螢火按鈕狀態 function getExchangeStauts() { $.ajax({ url: _url + '/active202001/LiveGasStation/hall_1/list', data: { type: 'exchangeStauts' }, success: function(res) { var status = res.data; var str = ''; var boxId = [2, 4, 6]; for(var i = 0; i < status.length; i++) { if(status[i] == 0) { str += '<div class="interBoxBtn interBoxBtn' + (i + 1) + ' check">領取'+bonds+'螢火</div>'; } else if(status[i] == 1) { str += '<div class="interBoxBtn interBoxBtn' + (i + 1) + '" onclick=exchangeFire(' + boxId[i] + ','+bonds+')>領取'+bonds+'螢火</div>'; } else if(status[i] == -1) { str += '<div class="interBoxBtn interBoxBtn' + (i + 1) + ' check">已領取'+bonds+'螢火</div>'; } $('.interBoxConBtn').html(str); } } }) } //領取螢火 function exchangeFire(num,bonds) { if(!flag2)return; flag2 = false; $.ajax({ url: _url + '/active202001/LiveGasStation/hallAction_1/list', data: { type: 'exchangeFire', day: num }, success: function(res) { if(res.data == 1) { layer.msg('成功領取'+bonds+'螢火!'); getExchangeStauts(); } else if(res.data == -1) { layer.msg('未到達領取要求!'); } else if(res.data == -2) { layer.msg('您已經領取了此寶箱!'); } flag2 = true; }, error:function(){ flag2 = true; } }) } //領取獎勵列表 function receiveList() { $.ajax({ url: _url + '/active202001/LiveGasStation/hall_1/list', data: { type: 'receiveList' }, success: function(res) { var str = ''; var page = 5; var rank = res.data; if(rank.length > 0) { if(rank.length > 5) { $('.mListBottom .more').removeClass('hide'); } else { $('.mListBottom .more').addClass('hide'); } for(var i = 0; i < 5; i++) { if(rank[i] != undefined) { str += strList(rank[i]); } } $('.mListCenter').html(str); $('.mListBottom .more').unbind('click'); $('.mListBottom .more').on('click', function() { if(rank.length >= page) { var strM = ''; for(var i = page; i < page + 5; i++) { if(rank[i]!=undefined){ strM += strList(rank[i]); } } $('.mListCenter').append(strM); page += 5; if(page >= rank.length) { $('.mListBottom .more').addClass('hide'); } } }) } else { $('.mListCenter').html('<p class="notData">暫無記錄</p>'); } } }) } function strList(data) { var str = ''; if(data.uid!=17000){ str += '<div class="mListDetail">'; str += ' <a href="http://yazhai://_' + data.uid + '_zone">'; str += ' <img src="' + cdn + data.faceimg + '?x-oss-process=image/resize,w_72"/>'; str += ' </a>'; str += ' <span class="mListDetailName ellipsis">' + data.nick + '</span>'; str += ' <span class="mListDetailNum ellipsis">已領取積分:<font>' + data.score + '</font></span>'; str += '</div>'; } return str; } //获取url参数 function url_get_params() { var url = location.href; var theRequest = new Object(); if(url.indexOf("?") != -1) { var str = url.substr(url.indexOf("?") + 1); strs = str.split("&"); for(var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); } } return theRequest; }