hcdbqbVue/hkRegisterTip.html

<html>

<head>
    <title>HomilyChart-弘历软件</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <style>
        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

        .container {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }

        h1 {
            text-align: center;
            color: #4caf50;
        }

        p {
            font-size: 18px;
            line-height: 1.5;
            margin: 20px 0;
        }

        button {
            display: block;
            margin: 0 auto;
            padding: 10px 20px;
            background-color: #4caf50;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
        }

        @media screen and (max-width: 600px) {
            .container {
                max-width: 100%;
                border-radius: 0;
            }
        }
    </style>
    <!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
    <script type="text/javascript">
        function closew() {
            window.location.href = "about:blank";
            window.opener = null;
            window.open('', '_self');
            window.close();
        }
        function bakcj() {
            window.location.href = "https://hc.homilychart.com/hc/homilyjg.asp";
        }
    </script>

    <script type="text/javascript">
        function closew() {
            window.location.href = "about:blank";
            window.opener = null;
            window.open('', '_self');
            window.close();
        }
        window.onload = function () {
            // 设置倒计时时间（以毫秒为单位）
            var countdownTime = 5000; // 10秒

            // 显示倒计时
            var countdownElement = document.getElementById('countdown');
            countdownElement.textContent = Math.ceil(countdownTime / 1000);

            // 开始倒计时
            setTimeout(function () {
                // 在倒计时结束后跳转到目标页面
                window.location.href = './hkRegisterSuccess.html';
            }, countdownTime);

            // 更新倒计时显示
            var countdownInterval = setInterval(function () {
                countdownTime -= 1000;
                countdownElement.textContent = Math.ceil(countdownTime / 1000);
                if (countdownTime <= 0) {
                    clearInterval(countdownInterval);
                }
            }, 1000);
        };
    </script>
</head>

<body>

    <div class="container">

        <h1>报名成功</h1>
        <p>恭喜您，课程报名成功！</p>
        <p>稍后我们的助教老师会与您取得联系！</p>
        <p>在开课之前会发给您听课信息！</p>
        <p>我们建议您安装弘历听课平台！</p>
        <p>所以本页面将在</p>
        <h3><span id="countdown" style="font-size: 23px;color: red"></span>
            <font color="red"> 秒</font> 后自动跳转到弘历听课平台安装界面
        </h3>


        <!---->
    </div>

</body>

</html>