Drei gängige Methoden, um HTML-Seiten nach 3 Sekunden automatisch zu springen
|
In der Praxis stoßen wir häufig auf ein Problem: Wie lässt sich die Seite nach N Sekunden automatisch springen? Code kopieren Der Code lautet wie folgt:<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;">//Nach 3 Sekunden automatisch zu res.html springen. Die beiden gehören zur selben Datei. Wenn Sie zur JSP-Seite springen müssen, müssen Sie die URL-Adresse in die URL eingeben (die Daten, die in die Adressleiste des Browsers geschrieben werden, z. B.: http://localhost:8080/TestDemo/1.jsp)</span> Methode 2: Sie müssen die Methode im Fenster verwenden: setTimeout wertet einen Ausdruck nach einer angegebenen Anzahl von Millisekunden aus. Beispiel: Code kopieren Der Code lautet wie folgt:window.setTimeout("alert('Hallo Welt')", 1000); Dies wird im JS-Code geschrieben; Die konkrete Umsetzung sieht wie folgt aus: Code kopieren Der Code lautet wie folgt:<Skripttyp="text/javascript"> onload=function(){ <span style="white-space:pre"> </span>//Diese Methode beim Aufrufen der Webseite laden setTimeout(go, 3000); <span style="white-space:pre"> </span> /*Die Einheit in js ist ms*/ }; Funktion gehe(){ location.href="http://localhost:8080/TestDemo/index.jsp"; } </Skript> //Führe die Go-Methode nach 3 Sekunden automatisch aus und springe direkt zur Seite index.jsp Methode 3: Der Fehler der beiden obigen Beispiele besteht darin, dass sie springen können, wir aber nicht wissen, wann wir springen sollen. Implementieren Sie den Countdown 3-2-1; Die Methode settimeout kann dies nicht mehr tun; setInterval wertet einen Ausdruck alle angegebene Anzahl von Millisekunden aus. Wenn die gleiche Zeitspanne verstrichen ist, wird die entsprechende Funktion ausgeführt. Spezifische Implementierungsmethode: Code kopieren Der Code lautet wie folgt:<Skripttyp="text/javascript"> onload = Funktion() { Intervall festlegen (los, 1000); }; var x=3; //Verwenden globaler Variablen zur Ausführung Funktion gehe(){ X--; wenn(x>0){ document.getElementById("sp").innerHTML=x; //Der Wert von x ist jedes Mal anders. }anders{ Standort.href='res.html'; } } </Skript> Der obige Inhalt sind die drei in diesem Artikel beschriebenen gängigen Methoden zum automatischen Springen von HTML-Seiten nach 3 Sekunden. Ich hoffe, es gefällt Ihnen. |
<<: Die CSS-Priorität der Webseite wird für Sie ausführlich erklärt
>>: Docker-Installations- und Konfigurationsschritte für MySQL
Artikel empfehlen
mysql5.7 Benutzerberechtigung erstellen Benutzer löschen Berechtigung widerrufen
1. Einen Benutzer anlegen: Befehl: CREATE USER &#...
Tutorial zur MySQL-SQL-Optimierung: IN- und RANGE-Abfragen
Lassen Sie uns zunächst über die in()-Abfrage spr...
Lösen Sie das Problem, dass Zeilenhöhe = Elementhöhe, der Text aber nicht vertikal zentriert ist
Lassen Sie mich zunächst erklären, warum der Text...
Zusammenfassung der Tipps zur CSS-Verwendung
Vor Kurzem habe ich mit der Aktualisierung meines ...
Beispiel für die Erstellung einer kreisförmigen Scroll-Fortschrittsbalken-Animation mit CSS3
Thema Heute werde ich Ihnen zeigen, wie Sie mit C...
Der beste Weg, ein JAR-Paketprojekt unter einem Centos7-Server zu starten
Vorwort Jeder weiß, wie man ein JAR-Paket unter L...
Tiefgreifendes Verständnis der Verwendung von CSS clear:both
clear:both wird zum清除浮動Das ist der Eindruck, den ...
Dynamische Vue-Komponente
Inhaltsverzeichnis 1. Komponente 2. Keep-Alive-Mo...
Zusammenfassung der Verwendung von drei For-Schleifenanweisungen in JavaScript (for, for...in, for...of)
Vorwort Jeder Entwickler, der mit JS in Berührung...
Detaillierte Erklärung der Truncate-Verwendung in MySQL
Vorwort: Wenn wir eine Tabelle löschen möchten, v...
Detaillierte Erläuterung der Lösung für verstümmelte Zeichen, wenn JDBC eine Verbindung zu MySQL herstellt, um Chinesisch zu verarbeiten
Detaillierte Erläuterung der Lösung für verstümme...
CSS simuliert Float, um den Effekt eines zentrierten Textes zu erzielen, der das Bild links und rechts umgibt
Was ist Textumbruch um Bilder? Dies ist die Auswi...
Reines CSS zum Hinzufügen von Stil zur ausgewählten Implementierung (kein Skript)
Ändern Sie den Standardstil der Auswahl, normalerw...
Docker Compose stellt ein SpringBoot-Projekt bereit, um eine Verbindung zu MySQL herzustellen, und die dabei auftretenden Fallstricke
Zuvor haben wir Docker verwendet, um das SpringBo...
Detaillierte Erklärung der NodeJS-Modularität
Inhaltsverzeichnis 1. Einleitung 2. Haupttext 2.1...