


Drei gängige Methoden, um nach 3 Sekunden automatisch zu einer HTML-Seite zu springen
In der Praxis stoßen wir häufig auf ein Problem: Wie springt man nach N Sekunden automatisch zur Seite?
Ich bin auf Probleme gestoßen, habe selbst nach Informationen gesucht und 3 Methoden zusammengefasst
Methode 1:
Die einfachste: Code direkt im vorderen
<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>
Methode 2:
Sie müssen die Methode im Fenster verwenden:
setTimeout berechnet einen Ausdruck nach dem angegebenen Millisekundenwert.
Beispiel:
window.setTimeout("alert('Hello, world')", 1000);
Dies ist in js-Code geschrieben
Das Spezifische Die Implementierung ist 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> //3秒之后自动执行go方法,直接跳转到index.jsp页面
Methode 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 implementieren sollen. 2-1;
Die settimeout-Methode kann nicht mehr verwendet werden.
setInterval berechnet jedes Mal einen Ausdruck, wenn der angegebene Millisekundenwert verstrichen ist.
Wenn die gleiche Zeit nicht verstrichen ist, wird die entsprechende Funktion ausgeführt. Spezifische Implementierungsmethoden:
<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='res.html'; } } </script>
Weitere verwandte Artikel zu drei gängigen Methoden zum automatischen Springen von HTML-Seiten nach 3 Sekunden finden Sie auf der chinesischen PHP-Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
