3 秒後に HTML ページに自動的にジャンプする 3 つの一般的な方法 _HTML/Xhtml

3 秒後に HTML ページに自動的にジャンプする 3 つの一般的な方法 _HTML/Xhtml_Web ページの作成

WBOY

リリース： 2016-05-16 16:36:16

オリジナル

1423 人が閲覧しました

実際には、よく問題に遭遇します。N 秒後にそのページに自動的にジャンプするにはどうすればよいでしょうか?

問題が発生し、自分で情報を検索し、3 つの方法をまとめました。

方法 1:

最も簡単な方法: 正面

;内部にコードを追加します:

コードをコピーします

コードは次のとおりです:

// 3 秒後に自動的に res.html にジャンプします。両方とも所属します同じファイルの下で、JSP ページにジャンプする必要がある場合は、URL に URL アドレスを入力する必要があります (http://localhost など、ブラウザのアドレスバーに書き込まれたデータ)。 8080/TestDemo/1.jsp )

メソッド 2:

ウィンドウ内のメソッドを使用する必要があります:

指定されたミリ秒値の後のsetTimeout 式を評価します。

例:

コードをコピーします

コードは次のとおりです:

window.setTimeout("alert('Hello, world')", 1000);

これは JS コードで書かれています。

具体的な実装は次のとおりです。

コードをコピー

コードは次のとおりです:

//その後 go メソッドを自動的に実行します。 3 秒後、index.jsp ページに直接ジャンプします

方法 3:

上の 2 つの例の欠点は、ジャンプできることですが、ジャンプできないことです。カウントダウン 3-2-1 を達成するために、

setInterval は指定されたミリ秒値ごとに式を計算できなくなりました。

同じ時間が経過すると、対応する関数が実行されます。具体的な実装方法:

コードをコピーしますコードは次のとおりです:

< ;script type="text/javascript">
onload=function(){
setInterval(go, 1000); //グローバルを使用します。
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x; を実行する変数価値観が違います。
}else{
location.href='res.html'
}
}

上記の内容は、3 秒後に HTML ページに自動的にジャンプする方法についてこの記事で共有する 3 つの一般的な方法です。気に入っていただければ幸いです。