<!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=2024081501">
    <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-bg act-room-bg2">
    <p class="act-room-p1">80000</p>
    <p class="act-room-p2"><i class="txt1">進度</i> : <span>18%</span></p>
    <p class="act-room-p3"><i class="txt2">排名</i> : <span>5</span></p>
</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")
        $(".txt1").text("PROG")
        $(".txt2").text("rank")
    }
    $(".act-room-bg").on("click",function(){
        var obj = {
            "cid": 12,
            "reqCode": new Date().getTime(),
            "data": {
                "msg": '跳转集合功能',
                "jumptype": 3,
                "url": $url + "/activeFt/luckyGod/index.html" + location.search+'&jump=1',
            }
        }
        var obj2 = JSON.stringify(obj);
        appCollaboration(obj2);
        // $.ajax({
        //     url:$ip+'/actSecretGarden/openPopup.html',
        //     data:{
        //         width:'0',
        //         popupUrl:'http://test.ybact.yazhaiyabo.com/games/fireGarden2/index.html',
        //         height:'0.5',
        //         heightR:'121',
        //         x:'0',
        //         y:'0.5',
        //     },
        //     success:function(){

        //     }
        // })
    })
    if(sessionStorage.lang!=2){

    }
    //三十秒后弹窗
    setTimeout(function(){
        if(localStorage.luckyLayer==undefined||localStorage.luckyLayer<new Date().getTime()){
            localStorage.luckyLayer=(Number(new Date().getTime())+86400000)
          
            $.ajax({
                url:$ip+'/actSecretGarden/openPopup.html',
                data:{
                    width:'0',
                    popupUrl:$url + "/activeFt/luckyGod/pop.html",
                    height:'0.5',
                    heightR:'124',
                    x:'0',
                    y:'0.5',
                },
                success:function(){

                }
            })
        }
    },30000)
    function view(){
        $.ajax({
            url:$ip+'/actTheLuckFairy/getRoomPartData.html',
            success:function(data){
                console.log('圖標數據',data)
                if(data.result.userData.signReceive==0){
                    $(".act-room-bg").addClass("act-room-bg2").show()
                    return;
                }
                $(".act-room-bg").removeClass("act-room-bg2").show()
                $(".act-room-p1").text(data.result.roomData.score)
                $(".act-room-p2 span").text(Math.floor(data.result.roomData.score/10000*100))
                $(".act-room-p3 span").text(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>