N秒后跳转的实现(动态倒计时)
程序员文章站
2022-06-08 18:31:57
...
效果：
具体实现：
实现原理：
两段JS代码，一段使用setTimeout实现延迟跳转，一段控制倒计时。
具体代码：
<script type="text/javascript">
setTimeout("javascript:location.href='${pageContext.request.contextPath}'",5000);
</script>
<script type="text/javascript">
var i = 6;
function showtime() {
i = i - 1;
document.getElementById("CountDown").innerHTML = i;
if (i > 1) {
setTimeout('showtime()', 1000);
}
}
</script>
<body onload="showtime()">
<div id="wrapper">
<div id="main">
<header id="header">
<h1>
<span class="icon">!</span>404<span class="sub">Page Not Found</span>
</h1>
</header>
<div id="content">
<h2>您打开的这个的页面不存在！</h2>
<p>该页面不存在或已被删除， <span id="CountDown" style="color:red"></span> 秒后将自动为您跳转到首页......</p>
<div class="utilities">
<a class="button right" href="#" onClick="history.go(-1);return true;">返回上页</a><a class="button right" href="${pageContext.request.contextPath}">立即返回</a>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</body>上一篇： SQL小技巧 又快又简单的得到你的数据库每个表的记录数
下一篇： C#属性的显示