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

ウェブページを開いて数秒後に他のページにリダイレクトする
これを実現するには、次のコードを追加するだけです。
方法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 をインストールする詳細なチュートリアル

推薦する

システムメンテナンスページにリダイレクトするように nginx を設定する

先週末、兄弟プロジェクトはより良いサービスを提供するためにサーバーを拡張する準備をしていました。兄弟...

MySQL パフォーマンス最適化インデックス プッシュダウン

インデックス条件プッシュダウン (ICP) は MySQL 5.6 で導入され、クエリを最適化するた...

Linux におけるドライバモジュールのパラメータ転送プロセスの分析

ドライバーモジュールに渡すパラメータ名、タイプ、権限を宣言します。 module_param(変数名...

SQLデータベースの14の事例の紹介

データシート /* Navicat SQLite データ転送 ソースサーバー: school ソース...

linuxdeployqt を使用して Ubuntu で Qt プログラムをパッケージ化する問題を解決する

いくつかの Qt インターフェース プログラムを作成しましたが、Qt 環境がインストールされていない...

myisamchk および mysqlcheck ツールを使用して破損した MySQL データベース ファイルを迅速に修復する方法

サーバーのデータベース ハード ディスク領域がいっぱいだったため、大量のデータの書き込みに失敗し、「...

WeChatミニプログラムの基本チュートリアル:Echartの使用

序文まずは最終的な効果を見てみましょう。私が自分で作った小さなデモです。まずEChartsの公式サイ...

Nginx は動的と静的の分離を実装します 例の説明

ウェブサイトの解析を高速化するために、動的ページと静的ページを異なるサーバーで解析して、解析速度を向...

Docker で Python スクリプトを実行する方法

まず、Docker イメージ用の特定のプロジェクト ディレクトリを作成します。例: mkdir /h...

Linux で JDK をインストールして環境変数を設定する方法 (この記事で十分です)

目次1. Linuxのビット数を確認する2. JDKをダウンロードする3. JDKをインストールする...

Nginx で IP と IP 範囲をブロックする方法

前面に書かれたNginx は単なるリバース プロキシおよび負荷分散サーバーではなく、電流制限、キャッ...

Dockerでデータディレクトリを移行する方法

目次ディスク使用量の表示ディスク クリーンアップ (軽々しく使用しないでください)データの移行ディス...

MySql キャッシュ クエリの原理とキャッシュ監視およびインデックス監視の概要

クエリキャッシュ1. クエリキャッシュの動作原理クエリ ステートメントを実行する前に、MySQL は...