• 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>
    
    
    
    




  • 相关阅读:
    java序列化和反序列化使用总结
    什么是N+1查询?
    Oracle insert /*+ APPEND */原理解析
    Oracle redo与undo
    MongoDB(三)-- 执行JS、界面工具
    几种Bean的复制方法性能比较
    Kafka(三)-- Kafka主要参数
    Kafka(二)-- 安装配置
    Kafka(一)-- 初体验
    Nginx(十二)-- Nginx+keepalived实现高可用
  • 原文地址:https://www.cnblogs.com/stoneryan/p/4201669.html
Copyright © 2020-2023  润新知