zoukankan      html  css  js  c++  java
  • JS倒计时页面跳转

    <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
    <html>
    <head>
    <title>页面提示</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv='Refresh' content='3;URL=javascript:history.back(-1);'>
    <link rel="stylesheet" type="text/css" href="/Public/Css/style.css" />
    </head>
    <body>
    <div class="message">
    <table class="message"  cellpadding=0 cellspacing=0 >
        <tr>
            <td height='3'  class="topTd" ></td>
        </tr>
        <tr class="row" >
            <th class="tCenter space">操作失败!</th>
        </tr>
            <tr class="row">
            <td style="color:red">本产品已过修改期!</td>
        </tr>        <tr class="row">
            <td>系统将在 <span id="wait" style="color:blue;font-weight:bold">3</span> 秒后自动跳转,如果不想等待,直接点击 <a id="href" href="javascript:history.back(-1);">这里</a> 跳转</td>
        </tr>    <tr>
            <td height='3' class="bottomTd"></td>
        </tr>
        </table>
    </div>
    <script type="text/javascript">
    (function(){
    var wait = document.getElementById('wait'),href = document.getElementById('href').href;
    var interval = setInterval(function(){
        var time = --wait.innerHTML;
        (time == 0) && (location.href = href);
    }, 1000);    
    })();
    </script>
    </body>
    </html>


    2.
    <title>
    </title>   
    <script language="JavaScript" type="text/javascript">
    	function delayURL(url) {
    		var delay = document.getElementById("time").innerHTML;
    		if(delay > 0) {
    			delay--;
    			document.getElementById("time").innerHTML = delay;
    		} else {
    			window.top.location.href = url;
    		}
    		setTimeout("delayURL('" + url + "')", 1000);
    	}
    </script>
    <span id="time" style="background: #00BFFF">3</span>秒钟后自动跳转,如果不跳转,请点击下面的链接<a href="http://www.baidu.com">我的百度</a>
    <script type="text/javascript">
    delayURL("http://www.baidu.com");
    </script>
    
    
    
    




  • 相关阅读:
    activiti实战系列之动态表单 formService 自定义变量类型
    js向一个数组中插入元素的几个方法-性能比较
    Mac系统安装和配置tomcat步骤详解
    Spring注解之@validated的使用
    Spring注解之@Lazy注解
    centos命令行系列之升级glibc到
    docker实战系列之docker 端口映射错误解决方法
    centos命令行系列之centos6防火墙的关闭以及开启
    docker实战系列之搭建rabbitmq
    运营型模型
  • 原文地址:https://www.cnblogs.com/stoneryan/p/4201669.html
Copyright © 2011-2022 走看看