index
/
index.html

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>大树巴巴官网</title>


    <style>
        .container {
            width: 60%;
            margin: 10% auto 0;
            background-color: #f0f0f0;
            padding: 2% 5%;
            border-radius: 10px
        }

        ul {
            padding-left: 20px;
        }

            ul li {
                line-height: 2.3
            }

        a {
            color: #20a53a
        }
    </style>
</head>
<body>
    <div class="container">


        <h1>大树巴巴服务官网！</h1>
        <h3>官网地址www.dashubaba.com 正在跳转中,<span id="s"></span>，<a href="http://www.dashubaba.com">点我立即进入</a></h3>
        <ul>
            <li>程序设计、程序定制、建站系统、云端服务</li>
            <li>为企业提供全方位电子商务解决方案，安全稳定，省心省力！</li>
        </ul>
    </div>
</body>


</html>

  <script type="text/javascript">
    var s = document.getElementById('s');
    var time = 5; //时间,秒
    function Redirect() {
        window.location = "http://www.dashubaba.com/";
    }
    var i = 0;
    function dis() {
        s.innerHTML = "还剩" + (time - i) + "秒";
        i++;
    }
    timer = setInterval('dis()', 1000); //显示时间
    timer = setTimeout('Redirect()', time * 1000); //跳转
</script>