3秒ほどでサイトにリダイレクトされるというWebサイトの機能を使用するにはどうすればよいですか?
<meta http-equiv="refresh" content="3;url=http://www.google.com/" />
おそらく 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をサポートする必要がある場合クライアントなど)。
より高度な制御が必要な場合は、メタタグを使用する代わりに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>
カウンターdivを更新しながら、X秒後にリダイレクトする完全な(まだ単純な)例は次のとおりです。
<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の初期コンテンツは、待機する秒数です。
最も簡単な方法は、次のようなHTML METAタグを使用することです。
<meta http-equiv="refresh" content="3;url=http://example.com/" />
HTMLコードのとタグの間に次のHTMLリダイレクトコードを配置します。
<meta HTTP-EQUIV="REFRESH" content="3; url=http://www.yourdomain.com/index.html">
上記のHTMLリダイレクトコードは、訪問者を即座に別のWebページにリダイレクトします。 content = "3;は、ブラウザがリダイレクトするまで待機する秒数に変更される場合があります。4、5、8、10、または15秒など。
この単純なJavaScriptコードを使用して、特定の時間間隔を使用してページを別のページにリダイレクトします...
このコードをWebサイトページに追加してください。これをリダイレクトします:
<script type="text/javascript">
(function(){
setTimeout(function(){
window.location="http://brightwaay.com/";
},3000); /* 1000 = 1 second*/
})();
</script>