<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
        <title>Chengdu University</title>
        <style>
            body {
                font-family: Roboto, "San Francisco", "Helvetica Neue", Helvetica, Arial,PingFangSC, "Hiragina Sans GB", "WenQuanYi Micro Hei","microsoft yahei ui", "microsoft yahei", sans-serif;
                width: 100%;
                height: 100vh;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                margin: 0;
            }
    
            .title {
                height: 40px;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box;
                background-color: rgb(232, 230, 230);
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .content {
                padding: 10px;
                box-sizing: border-box;
                height: calc(100% - 40px);
                font-size: 16px;
                display: flex;
                align-items: center;
                height: 100px;
            }
            .signature {
                font-size: 14px;
                display: flex;
                justify-content: right;
                align-items: center;
                height: 40px;
            }
            .footer {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 40px;
            }
            .box {
                width: 500px;
                border: 1px solid #ccc;
            }
            .text {
                text-align: center;
            }
            .label {
                width: 130px;
                text-align: center;
            }
            button{
                display: block;
                padding: 5px 20px;
                cursor: pointer;
            }
        </style>
        <script>
            window.onload = function (){
                let time = new Date()
                const dateFormat=`${time.getFullYear()}年${time.getMonth()+1}月${time.getDate()}日`
                const secondDiv=document.getElementById("second")
                const submitBtn=document.getElementById("submitBtn")
                const DateDiv=document.getElementById ("date")
                DateDiv.innerHTML=dateFormat
                let second=9
                let timer=setInterval(() => {
                    secondDiv.innerHTML=second
                    second -- 
                    if(second <= 0){
                        clearInterval(timer)
                        location.href = "https://www.cdu.edu.cn/"
                    }
                }, 1000);
                submitBtn.onclick=function(){
                    location.href = "https://www.cdu.edu.cn/"
                }
            }
        </script>
    </head>
    <body>
        <div class="box">
            <div class="title">成 都 大 学</div>
            <div class="content">您所访问的页面正在维护，<span id="second">10</span>秒后将自动跳转到成都大学官网。</div>
            <div class="signature">
                <div class="text">
                    <div class="label">成都大学</div>
                    <div class="label" id="date"></div>
                </div>
            </div>
            <div class="footer">
                <button class="submit_" id="submitBtn">确认</button>
            </div>
        </div>
    </body>
</html>

