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

ウェブページを開いて数秒後に他のページにリダイレクトする
これを実現するには、次のコードを追加するだけです。
方法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 トリガーの基本的な使い方(作成、表示、削除など)の詳細な説明

目次1. MySQLトリガーの作成: 1. MySQLトリガー作成構文: 2. MySQL作成構文の...

さまざまなネットワーク画像形式におけるPNGの利点の詳細な説明

BMP は、ハードウェア デバイスに依存せず、広く使用されている画像ファイル形式です。ビットマップ保...

フロントエンド開発者のための HTML 入門

1 HTML入門1.1 初めてのコード体験、最初のウェブページの作成XML/HTML コードコンテン...

小さなプログラムが天井に張り付いてしまう問題を完璧に解決するためにposition:stickyを使用する方法

最近、あるプロジェクトのクライアントが、上部に 2 つのタブ メニューを配置することを要求しました。...

MySQL ベースのシーケンス実装方法

チームは新しいフレームを交換しました。すべての新しいビジネスでは、新しいフレームワークと新しいデータ...

小さな三角形の実装コードを含む CSS ナビゲーション バー メニュー

多くの Web ページにはナビゲーション バーに小さな三角形があり、この機能を実装するのは実は非常に...

ReactJs 基礎チュートリアル - 基本編

目次1. ReactJS の紹介2. ReactJSの理解とReactJSの利点1. ReactJS...

JS を使用して要素が配列であるかどうかを判断する例

検証できるデータの種類は次のとおりです a = [1,2,3,4,5,6]とします。 b = [とし...

Dockerコンテナの状態変換の実装

Dockerコンテナの状態遷移図2度目の実戦 [root@localhost ~]# docker ...

DockerでMongoDBコンテナをデプロイする方法

目次Dockerとは展開する1. イメージをプルする2. 画像を表示する3. コンテナを実行する4....

Mybatis mysqlの削除操作では、最初のデータメソッドのみを削除できます。

バグ図のように、削除文とパラメータをデータベースにコピーして実行し、2つのデータを削除しようとしたの...

美容・スタイリングウェブサイト向けのカラーマッチングテクニックと効果表示

色はあらゆるウェブサイトにとって最も重要な要素の 1 つであり、閲覧者に大きな影響を与えるため、色の...

JavaScript でドラッグ スライダー パズルの検証機能を実装します (html5、canvas)

導入:スライダー ドラッグ検証は現在、多くの場所で使用されています。週末に 1 つ作成しようと思い、...

Hタグはウェブページ制作において適切に使用すべきである

HTML タグには、ページのタイトルを処理するための特別なタグがあります。これらは h1、h2、h3...

MySQL 5.7.24 のインストールと設定のグラフィックチュートリアル

この記事では、MySQL 5.7.24のインストールと設定のチュートリアルを参考までに紹介します。具...