<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>网站域名变更通知</title>
    <style>
        body{
            display: flex;
            align-items: center;
        }
        .content{
            width: 750px;
            height: 410px;
            margin: 5% auto;
            padding: 15px 25px 0 25px;
            box-sizing: border-box;
            border: 1px solid #e5e5e5;
        }
        .content h1{
            text-align: center;
        }
        .p1{
            line-height: 45px;
            font-size: 20px;
            text-align: justify;

        }
        .p2{
            float: right;
            margin: 0;
        }
    </style>
</head>

<body>
    <div class="content">
        <h1>网站域名变更通知</h1>
        <span class="p1">
            尊敬的用户:
            <br>
                &nbsp; &nbsp; &nbsp; &nbsp; 本网站访问域名正式变更为:<span style="color:red;">https://www.baidu.com</span>,原域名(http://www.baidu.com)于2019年5月1日停用。即日起,您可以通过新域名(<span style="color:red;">https://www.baidu.com</span>)访问本网站,点击<a href="https://www.baidu.com" style="color:red;text-decoration: underline;" title="点击进入" tip="点击进入">立即前往</a>。
            <br>
                &nbsp; &nbsp; &nbsp; &nbsp; 对此给您带来的不便,我们深表歉意。 
            <br>
                <span style="text-align:center;display: block;line-height: 65px;">
                    &nbsp; &nbsp; &nbsp; &nbsp; <a href="https://www.baidu.com" style="color:red;" ><span id="begin">30</span>秒后将进行自动跳转……</a></span>
                </span>
        <br>

    </div>

<script type="text/javascript">
   var t=30;
    var timer=setInterval(time,1000);
    var spans=document.getElementById("begin");
    function time(){
        t--;
        spans.innerHTML='<span>'+t+'</span>';
        if (t==0){
            clearInterval(timer);
            return window.location.href='https://www.baidu.com';
        }

    }
</script>
</body></html>
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐