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>

 

posted @ 2018-08-23 10:38  IT_小树  阅读(996)  评论(0)  编辑  收藏  举报