我必须做什么,有一个网站上的功能,它说,它将重定向到该网站在3秒左右?
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />
你可能在找 ABC0 refresh标签:
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 客户端等)。
meta
最简单的方法是像下面这样使用 HTML META 标记:
<meta http-equiv="refresh" content="3;url=http://example.com/" />
维基百科
如果你想要更好的控制,你可以使用 javascript 而不是 meta 标签。这会让你看到某种形式的视觉效果,比如倒计时。
下面是使用 setTimeout()的一种非常基本的方法
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 的初始内容是等待的秒数。
counter