Heim >Web-Frontend >HTML-Tutorial >So realisieren Sie einen automatischen Sprung in die HTML-Seite nach 3 Sekunden

So realisieren Sie einen automatischen Sprung in die HTML-Seite nach 3 Sekunden

醉折花枝作酒筹
醉折花枝作酒筹nach vorne
2021-04-26 11:25:1237590Durchsuche

In diesem Artikel erfahren Sie, wie Sie nach 3 Sekunden automatisch zu einer HTML-Seite springen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

So realisieren Sie einen automatischen Sprung in die HTML-Seite nach 3 Sekunden

Methode 1:

Die einfachste: Fügen Sie Code direkt im vorderen 53495576791aca4fd1a7d5b144a1d127 hinzu:

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

Methode 2:

Sie müssen die Methode im Fenster verwenden:

setTimeout Wertet einen Ausdruck aus, nachdem ein angegebener Millisekundenwert verstrichen ist.

Beispiel:

window.setTimeout("alert(&#39;Hello, world&#39;)", 1000);

Dies ist in js-Code geschrieben.

Die spezifische Implementierung lautet wie folgt:

8019067d09615e43c7904885b5246f0a
		onload=function(){     
		45cd3b0c60d60f8a20305cd44ecf0740				
		54bdf357c58b8a65c66d7c19c8e4d114//在进入网页的时候加载该方法
			setTimeout(go, 3000); 
			45cd3b0c60d60f8a20305cd44ecf0740	
			54bdf357c58b8a65c66d7c19c8e4d114 /*在js中是ms的单位*/
		};
		function go(){
			location.href="http://localhost:8080/TestDemo/index.jsp"; 
		}
2cacc6d41bbb37262a98f745aa00fbf0

Führen Sie die go-Methode nach 3 Sekunden automatisch aus und springen Sie direkt zur Seite index.jsp 3:

Der Fehler der beiden oben genannten Beispiele besteht darin, dass sie den Sprung realisieren können, aber nicht wissen, wann sie den Countdown 3-2-1 erreichen sollen.

setInterval

Every Wertet einen Ausdruck aus, nachdem ein angegebener Wert von Millisekunden verstrichen ist.
	<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>
Empfohlenes Lernen: HTML-Video-Tutorial
Nach der gleichen Zeit wird die entsprechende Funktion ausgeführt. Spezifische Implementierungsmethode:

Das obige ist der detaillierte Inhalt vonSo realisieren Sie einen automatischen Sprung in die HTML-Seite nach 3 Sekunden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen