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>
    
    
    
    




  • 相关阅读:
    使用POI操作Excel时对事先写入模板的公式强制执行
    centos7下python3和pycharm安装
    IntelliJ IDEA 快捷键终极大全
    netcore XmlDocument 使用Load和Save方法
    Add File as a Link on Visual Studio
    C#开源项目
    Shell bash和sh区别
    SecureCRT中Vim颜色
    查找局域网中未知设备的IP
    代码分支管理
  • 原文地址:https://www.cnblogs.com/stoneryan/p/4201669.html
Copyright © 2011-2022 走看看