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>