使用 <meta> 元素来重定向跳转:
<meta http-equiv="Refresh" content="5;url=http://blog.csdn.net/kill_bugs" />
添加以上一句话就可以倒计时5s后跳转了!
界面添加倒计时效果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn">
<title>Title</title>
<script type="text/javascript">
window.onload = function () {
var i = 4;
var tim = document.getElementById("timers");
var timer = setInterval(function () {
if (i == -1) {
// window.location.href="http://blog.csdn.net/kill_bugs";
clearInterval(timer);
} else {
tim.innerHTML = i;
--i;
}
}, 1000);
}
</script>
</head>
<body>
<p>
对不起。我们已经搬家了。您的 URL 是 <a href="http://blog.csdn.net/kill_bugs">http://blog.csdn.net/kill_bugs</a>
</p>
<p>您将在 <span class="timeShow" id="timers">5</span> 秒内被重定向到新的地址。</p>
<p>如果超过 5 秒后您仍然看到本消息,请点击上面的链接。</p>
</body>
</html>