ウェブページを開いて数秒後に他のページにリダイレクトする

ウェブページを開いて数秒後に他のページにリダイレクトする
これを実現するには、次のコードを追加するだけです。
方法1: メタを使用する
使用方法: <Meta http-equiv=Refresh Content=30>
<Meta http-equiv="更新" コンテンツ="5; Url=http://sc.jb51.net">
最初のステートメントは 30 秒間維持され、自動的に更新され、2 番目のステートメントは 5 秒間維持され、sc.jb51.net にリダイレクトされます。自動更新機能や自動ステアリング機能を実現するには、これらを個別に使用します。

2番目の方法: js実装
setTimeout(function(){window.location.href = 'http://sc.jb51.net';},2000)
カウントダウン付きの3番目のjsコード

コードをコピー
コードは次のとおりです。

<html>
<ヘッド>
<title>10秒後にジャンプ</title>
</head>
<本文>
<input type="text" readonly="true" value="10" id="時間">
</本文>
<スクリプト言語="javascript">
var t = 10;
var 時間 = document.getElementById("時間");
関数fun(){
t--;
時間.値 = t;
t<=0の場合{
location.href = "https://www.jb51.net";
クリア間隔(間隔);
}
}
var inter = setInterval("fun()",1000);
</スクリプト>
</html>

ページジャンプ機能は、もちろん js を使用して実装できますが、上記コードの利点は、ブラウザが js をサポートしていない場合でも使用できることです。リアルタイムのカウントダウン効果を実現したい場合は、js を使用して実装する必要があります。一般的には、この 2 つを組み合わせて判断することができます。
メタを使用して実装された JavaScript ページ ジャンプ メソッド コレクション ページ ジャンプ コード

<<:  vue-router 4 の使用例の詳しい説明

>>:  VirtualBox に CentOS、JDK、Hadoop をインストールする詳細なチュートリアル

推薦する

img usemap 属性 中国地図リンク

HTML img タグ: Web ページに導入される画像を定義します。興味深い usemap 属性も...

Vueコンポーネント登録方法の解釈

目次概要1. グローバル登録2. 現地登録3. モジュールシステムへのローカル登録概要コンポーネント...

CSS画像結合技術(スプライト画像)の詳しい説明

CSS画像結合技術1. 画像のステッチ画像ステッチング技術は、個々の画像を収集する技術です。画像の多...

負の距離(共感) - 相互影響の反復プロセス

ネガティブな距離は共感を意味します。序文(疑問の提起):プロダクトマネージャーは機能を把握します。機...

JavaScript でプライベート メンバーを作成する

目次1. クロージャを使用する2. ES6クラスを使用する3. ES2020提案を使用する4. We...

Linux システムの .bash_profile ファイルの詳細な説明

目次1. 環境変数$PATH: 2. 環境変数を変更します。 3. bash_profileの目的要...

MySQLの一般クエリログとスロークエリログの分析

MySQL のログには、エラー ログ、バイナリ ログ、一般クエリ ログ、スロー クエリ ログなどが含...

CSS でのフレックスレイアウトの詳細な説明

フレックス レイアウトは、エラスティック レイアウトとも呼ばれます。任意のコンテナーをフレックス レ...

Vue+js はビデオのフェードインとフェードアウト効果を実現します

Vue+jsはビデオのフェードインとフェードアウトを実現します。参考までに、具体的な内容は次のとおり...

Linux の crw、brw、lrw などのファイル属性は何ですか?

ファイルとは何ですか?すべてのファイルは実際には文字列のストリームですが、適切な解析方法を使用すると...

React+Koa によるファイルアップロードの実装例

目次背景サーバーの依存関係バックエンド構成クロスドメインバックエンド構成の静的リソースアクセスではk...

Linux でのファイルの編集、保存、終了の実践的な説明

Linux でファイルを編集した後、保存して終了するにはどうすればよいですか?保存して終了するコマン...

JavaScript の継承についてどれくらい知っていますか?

目次序文コンストラクタ、プロトタイプオブジェクト、インスタンスオブジェクトの関係プロトタイプチェーン...

Vue3.xはコンポーネント通信にmitt.jsを使用します

目次クイックスタート使い方基本原則Vue2.x はコンポーネント通信に EventBus を使用しま...

Apache FlinkCEP でタイムアウトステータス監視を実装するための詳細な手順

CEP - 複合イベント処理。ご注文後、一定期間内にお支払いの確認が取れませんでした。タクシーの配...