zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Java虚拟机JVM学习05 类加载器的父委托机制
    java 接口
    java 抽象类
    代码块(2)
    获取超额收益的思考
    HttpServer
    交易过程思考
    A股时间窗口
    redash学习记录
    MySQL学习记录
  • 原文地址:https://www.cnblogs.com/itworkers/p/9522325.html
Copyright © 2011-2022 走看看