本文总结了使用JavaScript实现页面定时跳转的三种常见方式。第一种利用setTimeout函数直接修改location.href；第二种通过HTML meta标签设置refresh属性实现；第三种结合setInterval与DOM操作，展示带倒计时的复杂跳转逻辑，常用于登录后的自动跳转场景。
JavaScript页面定时跳转方法总结
以下是对使用JavaScript实现页面定时跳转（即倒计时跳转）方法的总结，收录了多种定时跳转的代码示例：
使用setTimeout实现跳转
（1）利用 setTimeout 函数实现定时跳转（注意：以下代码需放置在 body 标签区域内）
具体代码如下：
<script type="text/javascript">
// 3秒钟之后跳转到指定的页面
setTimeout(window.location.href = "http://3aj.cn/javascript/19.html", 3);
</script>HTML Meta标签实现跳转
（2）通过 HTML 代码实现，在页面的 head 区域块内添加如下代码：
具体代码如下：
<!-- 5秒钟后跳转到指定的页面 -->
<meta http-equiv="refresh" content="5;url=http://3aj.cn/javascript/19.html" />结合setInterval的复杂跳转示例
（3）相对复杂的情况，常见于登录成功后的定时跳转场景：
具体代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js定时跳转页面的方法</title>
</head>
<body>
<script type="text/javascript">
var t = 10; // 设定跳转的时间
setInterval("refer()", 1000); // 启动1秒定时
function refer(){
if (t == 0) {
location = "http://3aj.cn/javascript/19.html"; // 设定跳转的链接地址
}
document.getElementById('show').innerHTML = "" + t + "秒后跳转到php程序员教程网"; // 显示倒计时
t--; // 计数器递减
}
</script>
<span id="show"></span>
</body>
</html>