html定时跳转页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="baidu-site-verification" content="ja4snz5Jr1" /><!--包含头文件--></head><style>

    p{

        font-size: 50px;

        height: 80px;

        position: fixed;

        top: 0px;

        bottom:0px;

        left: 0px;

        right: 0px;

        margin: auto;

        text-align: center;

    }

    #seconds{

        color: red;

    }

    *{

        margin: 0px;

        padding: 0px;

    }

    html,body{

        width: 100%;

        height: 100%;

        background: url("/cn/Index/Tpl//Public/images/bg5.jpg") no-repeat center;

        background-size: cover;

    }

</style><body><p>请等待...<span id="seconds">60</span>秒</p></body><script>

    var interval =window.setInterval("clock()",1000);

    var second = 60;

    var a = parseInt(60*Math.random());

    function clock(){

        if(second == a){

            window.clearInterval(interval);

            window.location.href="www.baidu.com";

        }else{

            second = second-1

            document.getElementById("seconds").innerHTML  = second;

        }

    }

</script></html>
巴特西

html定时跳转页面

最新文章

热门文章
