お問い合わせフォームの完了ページとかで「10秒後にトップページへリダイレクトされます」のような表記、たまに見かけませんか?
このような単純なページリダイレクト処理は、実はHTMLだけで簡単に実装できるんです。
meta
タグのhttp-equiv="refresh"
というプロパティを使います。
例:10秒後に、トップページへリダイレクト
<meta http-equiv="refresh" content="10; url=./index.html">
content
属性に「秒数」と「転送先のURL」を指定します。
この例では、転送先のURLは相対パスで指定していますが、https~からのURLを直接指定してもOK。
もちろん、「○秒後にリダイレクトさせる」という処理はJavaScriptのsettimeout
とlocation.href
で可能です。
また、秒数を0
にすると即時リダイレクトになります。(あんま使い所はなさそう)
例:即座にhoge.htmlへリダイレクト
<meta http-equiv="refresh" content="0; url=./hoge.html">
ただ、サイト移転目的でのリダイレクトには使わない方がいいでしょう。