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 hinzu:

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

Nach dem Login kopieren

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);

Nach dem Login kopieren

Dies ist in js-Code geschrieben.

Die spezifische Implementierung lautet wie folgt:

<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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

Empfohlenes Lernen: HTML-Video-Tutorial

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!

Verwandte Etiketten：

html 自动跳转

Quelle：csdn.net

Vorheriger Artikel：So legen Sie die UTF8-Codierung in HTML fest Nächster Artikel：So verbergen Sie Textfelder in HTML

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors