指定时间后重定向网站

我必须做什么,有一个网站上的功能,它说,它将重定向到该网站在3秒左右?

418081 次浏览
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />

你可能在找 ABC0 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 客户端等)。

最简单的方法是像下面这样使用 HTML META 标记:

<meta http-equiv="refresh" content="3;url=http://example.com/" />

维基百科

如果你想要更好的控制,你可以使用 javascript 而不是 meta 标签。这会让你看到某种形式的视觉效果,比如倒计时。

下面是使用 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>

在 HTML 代码的和标记之间放置以下 HTML 重定向代码。

<meta HTTP-EQUIV="REFRESH" content="3; url=http://www.yourdomain.com/index.html">

上面的 HTML 重定向代码会立即将你的访问者重定向到另一个网页。Content = “3; 可以更改为您希望浏览器在重定向之前等待的秒数。4、5、8、10或15秒等等。

使用这个简单的 javascript 代码可以使用特定的时间间隔将页面重定向到另一个页面..。

请将此代码添加到您的网站页面,这是您想要重定向:

<script type="text/javascript">
(function(){
setTimeout(function(){
window.location="http://brightwaay.com/";
},3000); /* 1000 = 1 second*/
})();
</script>

下面是一个在 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>

counter div 的初始内容是等待的秒数。