ホームページ > ウェブフロントエンド > htmlチュートリアル > 3 秒後に HTML ページに自動的にジャンプする 3 つの一般的な方法

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

高洛峰
リリース: 2018-05-18 15:03:12
オリジナル
9448 人が閲覧しました

実際には、よく問題に遭遇します: N 秒後にページが自動的にジャンプするようにするにはどうすればよいでしょうか?
問題に遭遇して情報を探し、3つの方法をまとめました
方法1:
最も簡単な方法: コードを先頭に直接追加:

<span style="font-size:18px;"> </span><span style="font-size:24px;"><meta http-equiv="refresh" content="3;URL=res.html"> </span> 
<span style="font-size:24px;">//3秒之后自动跳转到res.html,两个属于同一文件下面,要是需要跳转到jsp页面,就需要在url里面填写url地址————(浏览器的地址栏里面写入的数据,如:http://localhost:8080/TestDemo/1.jsp)</span>
ログイン後にコピー

方法2:
ウィンドウを使用する必要があります方法:
setTimeout指定されたミリ秒値の後に式を評価します。
例:

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

これは js コードで記述されています
具体的な実装は次のとおりです:

<script type="text/javascript"> 
onload=function(){ <span style="white-space:pre"> </span>//在进入网页的时候加载该方法 
setTimeout(go, 3000); <span style="white-space:pre"> </span> /*在js中是ms的单位*/ 
}; 
function go(){ 
location.href="http://localhost:8080/TestDemo/index.jsp"; 
} 
</script> 
//3秒之后自动执行go方法,直接跳转到index.jsp页面
ログイン後にコピー

方法 3:
上記この例の欠点は、ジャンプは実現できますが、いつジャンプするかが不明であることです。
settimeout メソッドは使用できなくなります。指定されたミリ秒値が通過します。
同じ時間が経過していない場合は、対応する機能が実行されます。具体的な実装方法:

<script type="text/javascript"> 
onload=function(){ 
setInterval(go, 1000); 
}; 
var x=3; //利用了全局变量来执行 
function go(){ 
x--; 
if(x>0){ 
document.getElementById("sp").innerHTML=x; //每次设置的x的值都不一样了。 
}else{ 
location.href=&#39;res.html&#39;; 
} 
} 
</script>
ログイン後にコピー
3 秒後に HTML ページに自動的にジャンプする 3 つの一般的な方法については、PHP 中国語 Web サイトの関連記事に注目してください。

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