JS倒计时页面跳转

浏览数：39 / 时间：2015年06月09日

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JS倒计时页面跳转