HTMLページの自動ジャンプの実装方法の紹介-htmlチュートリアル-php.cn

HTMLページの自動ジャンプの実装方法の紹介

黄舟

リリース： 2017-10-25 10:17:33

オリジナル

1454 人が閲覧しました

1.1 方法 1
< を追加します。 ;meta> タグを内に直接追加します。コードは次のとおりです。

<head>
    <meta http-equiv="refresh" content="3;URL=res.html">
    <!--3秒之后自动跳转到res.html页面-->
</head>

ログイン後にコピー

1.2 方法 2
JS の setTimeout 関数を使用して、指定されたミリ秒値の後に実行される式を定義します。コードは次のとおりです：

<script> 
setTimeout(function (){ 
    location.href=" res.html "; 
},3000); //3秒之后自动执行函数，直接跳转到res.html页面
</script>

ログイン後にコピー

1.3メソッド3
。カウントダウン 3-2-1 を実現するには、JS settimeout 関数を使用して、指定したミリ秒値ごとに実行される式を定義する必要があります。コードは次のとおりです:

<script> 
var x=3;//利用了全局变量来执行
setInterval(function (){
    x--;
    x>0? document.getElementById("info").innerHTML=x : location.href=&#39;123.html&#39;;
},1000);
</script>

ログイン後にコピー

以上がHTMLページの自動ジャンプの実装方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

HTMLページの自動ジャンプの実装方法の紹介