ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLページの自動ジャンプの実装方法の紹介

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

黄舟
黄舟オリジナル
2017-10-25 10:17:331456ブラウズ


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

<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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。