ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLページの自動ジャンプの実装方法の紹介

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

黄舟
リリース: 2017-10-25 10:17:33
オリジナル
1477 人が閲覧しました


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.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート