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>
    
    
    
    




  • 相关阅读:
    Unity 3D:控制相机旋转、移动、缩放等功能
    电子公文传输系统验收3-开发环境
    冲刺 day7
    电子公文传输系统2-贡献排序
    程序运行
    实验三-电子公文传输系统1-个人贡献
    thread同步测试
    第五章学习总结
    第三周学习java第四章学习总结及体会!
    第一章学习过程问题小结
  • 原文地址:https://www.cnblogs.com/stoneryan/p/4201669.html
Copyright © 2011-2022 走看看