<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta content="telephone=no" name="format-detection"> <meta name="wap-font-scale" content="no"> <title></title> <script src="lib/fsize.js"></script> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/daily.css"> <link rel="stylesheet" href="css/index.css?v=2024060408"> <link rel="stylesheet" href="css/liMarquee.css"> <style> .layui-layer-shade { opacity: 0.7 !important; } .yourclass5 { border-radius: 0rem !important; background: rgba(0, 0, 0, 0) !important; } .yourclass5 .layui-layer-content { border-radius: 0rem !important; } </style> </head> <body style="background:rgb(5,0,42)"> <div class="layer-over"> <p class="layer-yes-p1">xxxx米</p> <p class="layer-yes-p2">xxxx米</p> <p class="layer-yes-p3">xxxx米</p> <div class="layer-yes-gift-box1"> <img src="images/gift.png" alt=""> </div> <div class="layer-yes-gift-text1"> <p>漫游太空</p> <p class="yes-gift-text1-p1">价值XX钻石</p> </div> <div class="layer-yes-gift-box2"> <img style="width:1.3rem" src="images/zuan.png" alt=""> </div> <div class="layer-yes-gift-text2"> <p>额外惊喜</p> <p class="yes-gift-text1-p2">XX钻石</p> </div> </div> <div class="layer-no"> <p class="layer-no-p1">5000米</p> <p class="layer-no-p2">0钻石</p> </div> <div class="layer-boom"> <p class="layer-no-p1">5000米</p> <p class="layer-no-p2">0钻石</p> </div> <div class="fly-bg"></div> <div class="get-show"> <img src="images/h4/1_00001.png" alt=""> </div> <div class="ban-bg"> <div class="user-out-box"> <!-- <div class="out-man user-out-left"></div> <div class="out-man user-out-right"></div> --> </div> <div class="user-going-box"> <!-- <div class="user-man user-man-left"></div> <div class="user-man user-man-right"></div> --> </div> <div class="star-show"></div> <div class="mi-bg">525米</div> <div class="layer-rule"> <img class="back" src="images/back.png" alt=""> <div class="layer-rule-content"> <img src="images/rule-text.png?v=2024062901" alt=""> <div style="height: 0.5rem;"></div> </div> </div> <div class="layer-history"> <img class="back" src="images/back.png" alt=""> <ul class="layer-history-ul"> <!-- <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div class="layer-history-box3">未参与</div> </li> <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div style="color: #FF0F47;" class="layer-history-box3">已爆炸</div> </li> <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div style="color: #2FFF95;" class="layer-history-box3">XX米下船</div> </li> <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div class="layer-history-box3">未参与</div> </li> <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div class="layer-history-box3">未参与</div> </li> <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div style="color: #2FFF95;" class="layer-history-box3">XX米下船</div> </li> <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div class="layer-history-box3">未参与</div> </li> <li> <div class="layer-history-box1">x月x日XX:XX</div> <div class="layer-history-box2">XXXX米</div> <div class="layer-history-box3">未参与</div> </li> --> </ul> </div> <div class="layer-list"> <img class="back" src="images/back.png" alt=""> <ul class="layer-list-ul"> <!-- <li> <div class="layer-list-box1"> <img src="images/m1.png" alt=""> </div> <div class="layer-list-box2"> <img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_150" alt=""> 用户昵称预留 </div> <div class="layer-list-box3"> <span>飞行距离 : </span>XXXXm </div> <div class="line"></div> </li> <li> <div class="layer-list-box1"> <img src="images/m2.png" alt=""> </div> <div class="layer-list-box2"> <img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_150" alt=""> 用户昵称预留 </div> <div class="layer-list-box3"> <span>飞行距离 : </span>XXXXm </div> <div class="line"></div> </li> <li> <div class="layer-list-box1"> <img src="images/m3.png" alt=""> </div> <div class="layer-list-box2"> <img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_150" alt=""> 用户昵称预留 </div> <div class="layer-list-box3"> <span>飞行距离 : </span>XXXXm </div> <div class="line"></div> </li> <li> <div class="layer-list-box1"> No.4 </div> <div class="layer-list-box2"> <img src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_150" alt=""> 用户昵称预留 </div> <div class="layer-list-box3"> <span>飞行距离 : </span>XXXXm </div> <div class="line"></div> </li> --> </ul> </div> <div class="time-box"> <p class="time-box-tips">准备中 · · ·</p> <div class="num-box"> <div class="num-box-p1"></div> <div class="num-box-p2"></div> </div> <p class="time-box-man"> <span>--</span>人<br>已登船 </p> </div> <div data-type="1" class="more-btn"></div> <div class="more-list"> <div>玩法介绍</div> <div>历史纪录</div> <div>用户日榜</div> </div> <img class="boomShow" src="images/boom1/1_00260.png" alt=""> <div class="fly "> <div class="fly-face-box"></div> <img class="hot-go" src="images/h2/1_00134.png" alt=""> <img class="hot" src="images/h3/1_00134.png" alt=""> <img style="display: none;" class="fly-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt=""> </div> <div class="bottom-box1"> <div class="card-box"> <img src="images/ticket.png" alt=""> <span>--</span> <div class="card-add-box"> <!-- <div class="card-add-num">+100</div> --> </div> </div> <ul class="bottom-money-box"> <li data-type="1" class="li-money-click"><img src="images/dew.png">100</li> <li data-type="2"><img src="images/dew.png">1000</li> <li data-type="3"><img src="images/dew.png">10k</li> <li data-type="4"><img src="images/dew.png">100k</li> </ul> <div class="diamond-box"><span>--</span> <img class="add-btn" src="images/add.png" alt=""></div> <div class="go-btn"></div> </div> <div class="bottom-box2"> <div class="card-box"> <img src="images/ticket.png" alt=""> <span>--</span> </div> <div class="out-fly-box"> <div class="out-fly-no"></div> <!-- <div class="out-fly-btn"></div> --> <!-- <div class="out-fly-end">你已下船(588米)</div> --> </div> </div> </div> </body> <script src="lib/jquery-3.1.1.min.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script> <script src="lib/liMarquee.js"></script> <script src="lib/default.js?v='2024062102'"></script> <script> $(function(){ var hot=null var boomTime=null var nowExplose=true; var goHotTime1=null var goHotTime2=null var miTimer=null var oldMeter=100 var jumpOk=true; var flyMan=0 var flyMan2=0 var goManTimer=null var outManTimer=null setTimeout(function(){ loadImageGo('h2',134,141) loadImageGo('h3',134,199) loadImageGo('boom1',252,269) loadImageGo('h4',1,44) },1000) function loadImageGo(name,sNum,eNum) { var imgList = []; var num = sNum; loadImage() function loadImage() { var img = new Image(); img.addEventListener("load", loadHandler); img.src = "images/" + name + "/1_" + imgAdd(num) + ".png"; } function loadHandler() { imgList.push(this.cloneNode()); num++; if (num > eNum) { return; } this.src = "images/" + name + "/1_" + imgAdd(num) + ".png"; } } $.ajax({ url:$ip+'activesys/isUserTermSigned', data:{ usertype:2 }, success:function(data){ console.log('用户是否完成签约',data) if(data.state!=1){ var obj = { "cid": 2, "reqCode": new Date().getTime(), "data": { "url": '' + $url + 'active2023/userTips/index.html?uid=' + sessionStorage.bbb + '&token=' + sessionStorage.kkk + '&appversion=' + sessionStorage.version + '&roomId=' + sessionStorage.roomId + '&pkg=' + sessionStorage.pkg , "isShowHalf": 0 } } var objSend = JSON.stringify(obj); appCollaboration(objSend) } } }) var betType=1 $(".more-btn").on("click",function(){ var _self=$(this) if(_self.attr("data-type")==1){ $(".more-list").fadeIn(250) _self.attr("data-type",2) }else{ $(".more-list").fadeOut(250) _self.attr("data-type",1) } }) $(".more-list div").eq(0).on("click",function(){ $(".layer-rule").css("left","0rem") }) $(".more-list div").eq(1).on("click",function(){ $(".layer-history").css("left","0rem") history() }) $(".more-list div").eq(2).on("click",function(){ $(".layer-list").css("left","0rem") Rank() }) $(".back").on("click",function(){ $(".layer-rule").css("left","-10rem") $(".layer-history").css("left","-10rem") $(".layer-list").css("left","-10rem") }) var moneyArr=['',"<img src='images/dew.png'>100","<img src='images/dew.png'>1000","<img src='images/dew.png'>10k","<img src='images/dew.png'>100k"] var moneyArr2=['',"<img src='images/dew.png'>100","<img src='images/dew.png'>1000","<img src='images/dew.png'>10k","<img src='images/dew.png'>100k"] $(".bottom-money-box li").on("click",function(){ var _self=$(this) for(var i=0;i<4;i++){ $(".bottom-money-box li").eq(i).html(moneyArr2[i+1]) } $(".bottom-money-box li").eq((_self.attr("data-type")-1)).html(moneyArr[(_self.attr("data-type"))]) betType=_self.attr("data-type") $(".bottom-money-box li").removeClass("li-money-click") _self.addClass("li-money-click") }) $(".add-btn").on("click",function(){ goReg() }) view() setInterval(function(){ view() },500) // goFlyMan(150) function goOutMan(e){ clearInterval(outManTimer) var outNum=flyMan2-e; if(outNum<=0)return; outManTimer=setInterval(function(){ if(Math.random()>0.5){ $(".user-out-box").append('<div style="top:'+Math.floor(Math.random()*0.3*10)/10+'rem" class="out-man user-out-left"></div>') }else{ $(".user-out-box").append('<div style="top:'+Math.floor(Math.random()*0.3*10)/10+'rem" class="out-man user-out-right"></div>') } outNum-- flyMan2-- if(outNum<=0)clearInterval(outManTimer) },200) } function goFlyMan(e){ clearInterval(goManTimer) var onlineNum=e-flyMan if(onlineNum<=0)return; goManTimer=setInterval(function(){ if(Math.random()>0.5){ $(".user-going-box").append('<div style="left:'+Math.floor(Math.random()*0.3*10)/10+'rem" class="user-man user-man-left"></div>') }else{ $(".user-going-box").append('<div style="left:-'+Math.floor(Math.random()*0.3*10)/10+'rem" class="user-man user-man-right"></div>') } onlineNum-- flyMan++ if(onlineNum<=0)clearInterval(goManTimer) },200) } var getShowTime=null function getShow(){ var getNum=1 $(".get-show").fadeIn(150) getShowTime=setInterval(function(){ $(".get-show img").attr("src","images/h4/1_000"+add0(getNum)+".png") getNum++ if(getNum>=30){ clearInterval(getShowTime) $(".get-show").fadeOut(300) setTimeout(function() { getNum=1 $(".get-show img").attr("src","images/h4/1_000"+add0(getNum)+".png") }, 300); } },70) } function boomShow(){ var boomNum=252 $(".fly").fadeOut(350) $(".boomShow").show() boomTime=setInterval(function(){ $(".boomShow").attr("src","images/boom1/1_00"+boomNum+".png") boomNum++ if(boomNum>=269){ clearInterval(boomTime) $(".boomShow").hide() } },70) } function goHotShow(){ var goHotNum1=134 var goHotNum2=134 $(".fly").css("top","2.8rem") setTimeout(function() { $(".fly").addClass("fly-slow") }, 1000); $(".hot").hide() $(".hot-go").fadeIn(350) clearInterval(hot) goHotTime1=setInterval(function(){ $(".hot-go").attr("src","images/h2/1_00"+goHotNum1+".png") goHotNum1++ if(goHotNum1>=141){ clearInterval(goHotTime1); $(".hot").fadeIn(500) $(".hot-go").hide() goHotTime2=setInterval(function(){ $(".hot").attr("src","images/h3/1_00"+goHotNum2+".png") goHotNum2++ if(goHotNum2>=199)goHotNum2=134 },90) } },90) } function view(){ $.ajax({ url:$ip+'activity2024/rockrtcrusher/view', success:function(data){ // console.log("获取视图信息接口",data) sessionStorage.gameId=data.result.gameId sessionStorage.state=data.result.state $(".time-box-man span").text(data.result.totalnum) // $(".diamond-box span").text(data.result.userInfoResult.diamond) $(".card-box span").text(data.result.userInfoResult.betnum) if(data.result.userInfoResult.betnum>0){ if($(".fly-face").css("display")=='none')$(".fly-face").attr("src",'https://zhibocdn.lvdou66.com/comm'+data.result.userInfoResult.avatar+'?x-oss-process=image/resize,w_80').fadeIn(200) // $(".fly-face-box").html('<img class="fly-face" src="https://zhibocdn.lvdou66.com/comm'+data.result.userInfoResult.avatar+'?x-oss-process=image/resize,w_80" alt="">') }else{ $(".fly-face").hide() } if(data.result.state==1){ if(sessionStorage.oldState==undefined||sessionStorage.oldState!=sessionStorage.state){ $(".user-going-box").show() $(".user-out-box").hide().html('') sessionStorage.userFace=data.result.userInfoResult.avatar //第一次切换需要动画 myDiamond() $(".time-box-tips").text('准备中 · · ·') layer.closeAll() $(".num-box").show() $(".fly-bg").css("transition","1s linear all") $(".bottom-box1").css("bottom","-0rem") $(".bottom-box2").css('bottom',"-2.373rem") } goFlyMan(data.result.totalnum) var numArr=timeDeal2(data.result.endtime,data.timestamp)[3].toString().split("") console.log() $(".num-box-p1").removeClass('n0 n1 n2 n3 n4 n5 n6 n7 n8 n9').addClass('n'+numArr[0]+'') $(".num-box-p2").removeClass('n0 n1 n2 n3 n4 n5 n6 n7 n8 n9').addClass('n'+numArr[1]+'') // for(var i=0;i<numArr.length;i++){ // // html+='<img src="images/n'+numArr[i]+'.png" alt="">'; // $(".num-box-p1").addClass('n'+numArr[i]+'') // } $(".go-btn").unbind("click").on("click",function(){ bet(sessionStorage.gameId,betType) }) } if(data.result.state==2){ clearInterval(miTimer) var newMeter=data.result.curMeter var addMeter=(newMeter-oldMeter)/5 if(sessionStorage.oldState==undefined||sessionStorage.oldState!=sessionStorage.state){ console.log("跳船阶段",data) $(".card-add-box").html('') $(".user-going-box").hide().html('') $(".user-out-box").show() flyMan2=data.result.totalnum //第一次切换需要动画 $(".star-show").addClass("star-show-go") myDiamond() $(".mi-bg").fadeIn(350) goHotShow() $(".time-box-tips").text('飞行中 · · ·') $(".num-box").hide() $(".bottom-box1").css("bottom","-3.1rem") $(".bottom-box2").css('bottom',"0rem") $(".fly-bg").css("background-position-y",'-33rem') setTimeout(function() { $(".fly-bg").addClass("fly-bg-show") }, 1000); //操作一下跳船 if(data.result.player){ //用户有参与 if(data.result.jumper==true){ $(".out-fly-box").html('<div class="out-fly-end">你已下船('+data.result.betResult.jumpMeter+'米)</div>') } else if(data.result.explose==false){ $(".out-fly-box").html('<div class="out-fly-btn"></div>') $(".out-fly-box >div").unbind("click").on("click",function(){ if(jumpOk==false)return; jumpOk=false jump(data.result.gameId) }) }else{ } }else{ //用户没有参与 $(".out-fly-box").html('<div class="out-fly-no"></div>') } } goOutMan(data.result.totalnum) if(data.result.explose==true&&nowExplose==true){ clearInterval(miTimer) nowExplose=false setTimeout(function(){ $(".mi-bg").text(""+data.result.curMeter+"米") }, 300); //这时候爆炸了 $(".out-fly-box >div").unbind("click").css("filter","grayscale(100%)") boomShow() }else{ if(data.result.explose==true)return; clearInterval(miTimer) miTimer=setInterval(function(){ if(newMeter==100){ $(".mi-bg").text("100米") }else{ oldMeter=oldMeter+addMeter if(oldMeter>=newMeter)oldMeter=newMeter $(".mi-bg").text(""+Math.floor(oldMeter)+"米") if(oldMeter>=100&&oldMeter<200) $(".mi-bg").css("color","#CCF783") else if(oldMeter>=200&&oldMeter<500)$(".mi-bg").css("color","#FFF81D") else if(oldMeter>=500&&oldMeter<1000)$(".mi-bg").css("color","#FCCA00") else if(oldMeter>=1000&&oldMeter<3000)$(".mi-bg").css("color","#BD3124") else if(oldMeter>=3000)$(".mi-bg").css("color","#951D1D") } },90) } } if(data.result.state==3){ //第一次切换需要弹出结果 if(sessionStorage.oldState==undefined||sessionStorage.oldState!=sessionStorage.state){ console.log('结算了',data) myDiamond() flyMan=0 //第一次切换需要动画 $(".out-fly-box >div").css("filter","none") $(".mi-bg").text(""+data.result.betResult.finalMeter+"米") $(".star-show").removeClass("star-show-go") if(data.result.betResult.betState==0){ //你未参与 $(".layer-no-p1").text(""+data.result.betResult.finalMeter+"米") $(".layer-no-p2").text("0钻石") layer.open({ type: 1, title: false, shadeClose: false, skin: "yourclass5", area: ["9.906rem", "8.32rem"], content: $(".layer-no"), end: function () { $(".layui-layer-shade").hide() } }) } if(data.result.betResult.betState==2){ //跳船成功 // layer-over $(".layer-over .layer-yes-p1").text(""+data.result.betResult.finalMeter+"米") $(".layer-over .layer-yes-p2").text(""+data.result.betResult.betDiamond+"票") $(".layer-over .layer-yes-p3").text(""+data.result.betResult.jumpMeter+"米") $(".yes-gift-text1-p1").text(""+data.result.betResult.rewardGiftnum+"个") $(".yes-gift-text1-p2").text(""+data.result.betResult.rewardDiamond+"钻石") layer.open({ type: 1, title: false, shadeClose: false, skin: "yourclass5", area: ["9.906rem", "8.32rem"], content: $(".layer-over"), end: function () { $(".layui-layer-shade").hide() } }) } if(data.result.betResult.betState==3){ $(".layer-no-p1").text(""+data.result.betResult.finalMeter+"米") $(".layer-no-p2").text(""+data.result.betResult.betDiamond+"钻石") //跳船失败 layer.open({ type: 1, title: false, shadeClose: false, skin: "yourclass5", area: ["9.906rem", "8.32rem"], content: $(".layer-boom"), end: function () { $(".layui-layer-shade").hide() } }) } nowExplose=true; clearInterval(miTimer) $(".num-box").hide() $(".mi-bg").fadeOut(350) $(".time-box-tips").text('结算中 · · ·') oldMeter=100 setTimeout(function() { $(".bottom-box1").css("bottom","-0rem") $(".bottom-box2").css('bottom',"-2.373rem") $(".fly").removeClass("fly-slow").css("top","3.6rem") $(".fly-bg").css("transition","0s linear all") $(".fly-bg").removeClass("fly-bg-show") $(".fly-bg").css("background-position-y",'-44.3rem') $(".hot").hide() clearInterval(goHotTime1) clearInterval(goHotTime2) $(".fly").fadeIn(350) }, 1000); } } sessionStorage.oldState=data.result.state } }) } function myDiamond(){ $.ajax({ url:$ip+'activesys/getUserDiamond', success:function(data){ console.log(data) $(".diamond-box span").text(data.diamond) } }) } function history(){ $.ajax({ url:$ip+'activity2024/rockrtcrusher/history', success:function(data){ console.log("历史记录",data) var html=[]; for(var i=0;i<data.result.length;i++){ var list=data.result[i] html+='<li>'; html+='<div class="layer-history-box1">'+timeGet(list.ctime)[1]+'月'+timeGet(list.ctime)[2]+'日'+timeGet(list.ctime)[3]+':'+timeGet(list.ctime)[4]+'</div>'; html+='<div class="layer-history-box2">'+list.topmeter+'米</div>'; html+='<div class="layer-history-box3">'+list.content+'</div>'; html+='</li>'; } $(".layer-history-ul").html(html); } }) } function Rank(){ $.ajax({ url:$ip+'activity2024/rockrtcrusher/getDailyRank', success:function(data){ console.log('日榜记录',data) var html=[] for(var i=0;i<data.rank.length;i++){ var list=data.rank[i] html+='<li>'; if(i<3)html+='<div class="layer-list-box1"><img src="images/m'+(i+1)+'.png" alt=""></div>'; else html+='<div class="layer-list-box1">No.'+(i+1)+'</div>'; html+='<div class="layer-list-box2">'; html+='<img src="https://zhibocdn.lvdou66.com/comm'+list.icon+'?x-oss-process=image/resize,w_150" alt=""> '+list.nick+''; html+='</div>'; html+='<div class="layer-list-box3">'; html+='<span>飞行距离 : </span>'+list.score+'m'; html+='</div>'; html+='<div class="line"></div>'; html+='</li>'; } $(".layer-list-ul").html(html); } }) } function bet(gid,type){ $.ajax({ url:$ip+'activity2024/rockrtcrusher/bet', type:'post', data:{ roomid:sessionStorage.roomId, gameId:gid, index:type }, success:function(data){ console.log('用户登船',data) if(data.code==-70011){ layer.msg(data.msg) setTimeout(function() { var obj = { "cid": 2, "reqCode": new Date().getTime(), "data": { "url": '' + $url + 'active2023/userTips/index.html?uid=' + sessionStorage.bbb + '&token=' + sessionStorage.kkk + '&appversion=' + sessionStorage.version + '&roomId=' + sessionStorage.roomId + '&pkg=' + sessionStorage.pkg , "isShowHalf": 0 } } var objSend = JSON.stringify(obj); appCollaboration(objSend) }, 1000); } else if(data.code==-55){ layer.msg("钻石不足") setTimeout(function(){ goReg() }, 1000); } else if(data.code!=1){ layer.msg(data.msg) }else{ myDiamond() if(type==1) var addNum=10 else if(type==2) var addNum=100 else if(type==3) var addNum=1000 else if(type==4) var addNum=5000 $(".card-add-box").append('<div class="card-add-num">+'+addNum+'</div>') } } }) } function jump(gid){ $.ajax({ url:$ip+'activity2024/rockrtcrusher/jump', data:{ roomid:sessionStorage.roomId, gameId:gid }, type:"post", success:function(data){ console.log('用户跳船',data) if(data.code==1){ setTimeout(function(){ getShow() }, 500); $(".out-fly-box >div").unbind("click") $(".out-fly-box").html('<div class="out-fly-end">你已下船('+data.jumpMeter+'米)</div>') myDiamond() jumpOk=true; }else{ layer.msg(data.msg) jumpOk=true; } } }) } }) </script> </html>