<!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=2024061701"> <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> <script src="lib/lottie-player.js"></script> <body style="background: rgba(0, 0, 0, 0);"> <div style="display: none;" class="act-room-bg1 act-room-bg2"> <!-- <div class="act-room-p1">主播積分 : </div> --> <div class="act-room-p2">8000</div> <div class="act-room-p3">進度 : 18%</div> <div class="act-room-p4">排名 : 5</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/default.js?v='2024061702'"></script> <script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script> <script> $(function(){ if(sessionStorage.lang!=2){ $("body").addClass("bg-en") } $(".act-room-bg1").on("click",function(){ var obj = { "cid": 12, "reqCode": new Date().getTime(), "data": { "msg": '跳转集合功能', "jumptype": 3, "url": $url + "/activeFt/goddess/index.html" + location.search+'&jump=1', } } var obj2 = JSON.stringify(obj); appCollaboration(obj2); }) if(sessionStorage.lang!=2){ } function view(){ $.ajax({ url:$ip+'/actGoddessStory/getRoomPartData.html', success:function(data){ console.log('获取主播信息',data) if(data.result.userData.signReceive==1)$(".act-room-bg1").removeClass("act-room-bg2") $(".act-room-bg1").show() $(".act-room-p2").text(data.result.roomData.score) if(sessionStorage.lang==2){ $(".act-room-p3").text("進度 : "+Math.floor(data.result.roomData.score/10000*100)+'%') $(".act-room-p4").text("排名 : "+data.result.roomData.rank+"") }else{ $(".act-room-p3").text("PROG : "+Math.floor(data.result.roomData.score/10000*100)+'%') $(".act-room-p4").text("rank : "+data.result.roomData.rank+"") } } }) } view() setInterval(function(){ view() },60000) function getData(roomid) { var opts = { reconnectionDelay: 5000, query: { 'uid': sessionStorage.uid, 'token': sessionStorage.token, 'room': sessionStorage.roomId } } socket = io.connect(_url3 + '/default', opts); socket.on('connect', function () { console.log("连接成功"); }); socket.on('RaisingBeautifulGril', function (msg) { var data=JSON.parse(msg) if(data.rank>0){ console.log(data) $(".room-bg1").show() $(".room-title").text(titleArr[data.extra.stage]) $(".room-bg-p1 span").text(data.score) var barWidth=Math.floor(data.score/data.extra.stageScore*100) $(".room-bg-p2 span").text(barWidth+'%') $(".room-bg-p3 span").text(data.rank) }else{ $(".room-bg1").hide() } }); socket.on('disconnect', function () { setTimeout(function(){ getData() },3000) console.log("已下线!"); }); socket.on('connect_error', function (error) { console.log("链接失败!"); }); } }) </script> </html>