<!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=2024010801">
    <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="room-bg1 ">
    <p class="room-bg-p1"><i class="en-t1">火辣指數</i>:<span>8000</span></p>
    <p class="room-bg-p2"><i class="en-t2">當前排名</i>:<span>8</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='2023120902'"></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")
        $(".en-t1").text("hot pop")
        $(".en-t2").text("rank")
    }
    var t1=null
    t1=setInterval(function(){
        $.ajax({
            url:$ip+'/actThatGirl/getUserData.html',
            success:function(data){
                console.log("用户签到情况",data)
                if(data.result.todayCheckInTask==1){
                    // getData()
                    $(".room-bg1").removeClass("room-bg2").hide()
                    clearInterval(t1)
                }else if(data.result.todayCheckInTask==0){
                    $(".room-bg1").addClass("room-bg2").show()
                }
            }
        })
    },15000)
    $.ajax({
        url:$ip+'/actThatGirl/getUserData.html',
        success:function(data){
            console.log("用户签到情况",data)
            if(data.result.todayCheckInTask==1){
                getData()
                $(".room-bg1").removeClass("room-bg2").hide()
                clearInterval(t1)
            }else{
                $(".room-bg1").addClass("room-bg2").show()
            }
        }
    })
    
    
    $(".room-bg1").on("click",function(){
        var obj = {
            "cid": 12,
            "reqCode": new Date().getTime(),
            "data": {
                "msg": '跳转集合功能',
                "jumptype": 3,
                "url": $url + "/activeFt/hotGirl/index.html" + location.search,
            }
        }
        var obj2 = JSON.stringify(obj);
        appCollaboration(obj2);
    })
    function getData(roomid) {
	var opts = {
		query: {
			'uid': sessionStorage.uid,
			'token': sessionStorage.token,
			'room': sessionStorage.roomId
		}
	}

	socket = io.connect(_url3 + '/default', opts);
	socket.on('connect', function () {
		console.log("连接成功");
	});

	socket.on('ThatGirl', function (msg) {
        var data=JSON.parse(msg)
        console.log(data)
        if(data.rank>0){
            $(".room-bg1").show()
            $(".room-bg-p1 span").text(data.score)
            $(".room-bg-p2 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>