Dar*_*rov 189
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />
Luk*_*keH 62
您可能正在寻找meta refresh标签:
<html>
<head>
<meta http-equiv="refresh" content="3;url=http://www.somewhere.com/" />
</head>
<body>
<h1>Redirecting in 3 seconds...</h1>
</body>
</html>
请注意,meta refresh这些天使用已弃用并不赞成,但有时它是唯一可行的选项(例如,如果您无法在服务器端生成HTTP重定向标头和/或您需要支持非JavaScript客户端等).
mbr*_*ort 46
如果你想要更好的控制,你可以使用javascript而不是使用元标记.这将允许您拥有某种形式的视觉效果,例如倒计时.
这是一个非常基本的方法 setTimeout()
<html>
<body>
<p>You will be redirected in 3 seconds</p>
<script>
var timer = setTimeout(function() {
window.location='http://example.com'
}, 3000);
</script>
</body>
</html>noa*_*mtm 17
这是一个完整(但简单)的示例,在X秒后重定向,同时更新计数器div:
<html>
<body>
<div id="counter">5</div>
<script>
setInterval(function() {
var div = document.querySelector("#counter");
var count = div.textContent * 1 - 1;
div.textContent = count;
if (count <= 0) {
window.location.replace("https://example.com");
}
}, 1000);
</script>
</body>
</html>counterdiv 的初始内容是等待的秒数.
Ehs*_*san 10
最简单的方法是使用HTML META标记,如下所示:
<meta http-equiv="refresh" content="3;url=http://example.com/" />