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

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

推薦する

MySQL のストレージ エンジンの違いと比較

MyISAM ストレージエンジンMyISAM は ISAM ストレージ エンジンに基づいており、それ...

MySQL 2級コンピュータ試験共通テストポイント 8つのMySQLデータベース設計最適化方法

MySQLデータベース設計の8つの最適化方法の詳細は次のとおりです。 1. 最も適切なフィールド属性...

MySQL インデックス カバレッジの例の分析

この記事では、MySQL インデックス カバレッジについて例を挙げて説明します。ご参考までに、詳細は...

Ubuntuでネットワークルーティングテーブルを表示する方法

Linux におけるルーティングとルーティング テーブルとは何ですか?ルーティングのプロセスとは、ネ...

知らないかもしれない奇妙で興味深いDockerコマンド

はじめに使えるかもしれないが、あまり使われていない、シンプルで実用的なDockerコマンドをいくつか...

HTML チュートリアル、簡単に学べる HTML 言語 (2)

*******************HTML言語入門(パート2)*****************...

Docker Swarm クラスタ管理の使用と原理の分析

Swarm クラスター管理導入Docker Swarm は Docker 用のクラスター管理ツールで...

MySQLのSQL文はインデックスを使用しません

インデックス集約を使用しない MySQL クエリご存知のとおり、インデックスを追加することはクエリ速...

MySQLデータベースがNULLを可能な限り避ける理由

MySQL の多くのテーブルには、NULL が列のデフォルト属性であるため、アプリケーションが NU...

UbuntuはCUDAの複数のバージョンをインストールし、いつでも切り替えることができます

CUDA とは何かを紹介するのではなく、複数の CUDA バージョンの共存とリアルタイム切り替えをど...

独自の YUM リポジトリを作成する手順

簡単に言うと、ウェアハウスとして使用される仮想マシンの IP は 192.168.149.129 で...

MySQL における in と exists の違いの詳細な説明

1. 事前に準備する便宜上、ここで 2 つのテーブルを作成し、そこにいくつかのデータを追加します。果...

面接官はReactのライフサイクルについてよく質問します

ReactライフサイクルReactのライフサイクルを理解するのに役立つ2つの図React ライフサイ...

MySQL 8.0.15 圧縮版インストール グラフィック チュートリアル

この記事では、参考までにMySQL 8.0.15圧縮版のインストール方法を紹介します。具体的な内容は...

Vue を使用してパブリック アカウントの Web ページを開発する方法

目次プロジェクトの背景始めるvue-cliでプロジェクトを作成するモバイル適応についてnormali...