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?

Ich bin auf Probleme gestoßen und habe selbst nach Informationen gesucht und 3 Methoden zusammengefasst

Methode 1:

Die einfachste Möglichkeit: Füge den Code direkt im vorderen <head> ein:

Code kopieren

Der Code lautet wie folgt:

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(){ //Diese Methode beim Aufrufen der Webseite laden
setTimeout(go, 3000); /*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

Detaillierte Erklärung des Unterschieds zwischen Pfeilfunktionen und normalen Funktionen in JavaScript

Drei gängige Methoden, um HTML-Seiten nach 3 Sekunden automatisch zu springen

Detaillierte Erklärung des Unterschieds zwischen Pfeilfunktionen und normalen Funktionen in JavaScript

Zwei Möglichkeiten zum Einführen von SVG-Symbolen in Vue

Nginx verbietet den direkten Zugriff über IP und leitet auf eine benutzerdefinierte 500-Seite weiter

Einführung in den glibc-Upgradeprozess für Centos6.5

Vergleich der von der MySQL-Datenbank unterstützten Speicher-Engines

Miniprogramm zur Implementierung der Rechnerfunktion

Vue-Beispielcode mit dem Animationseffekt „Übergangskomponente“

Verwenden Sie sauberes HTML-Markup zum Erstellen Ihrer Seiten

Erkunden Sie die Eigenschaften und Ausdrücke verschiedener Räume in HTML (empfohlen)

Vorgehensweise bei der Installation einer virtuellen VMware Workstation-Maschine

Artikel empfehlen

MySQL-Datenbank-Entwicklungsspezifikationen [empfohlen]

Detaillierte Erläuterung des Prozesses zum Abfragen von Benutzerberechtigungen mithilfe von MySQL-Anweisungen

Einrichten eines globalen Shadowsocks+Polipo-Proxys in einer Linux-Umgebung

Lösung zum automatischen Auslösen von Klickereignissen beim Klicken auf ein Popup-Fenster in Vue (Simulationsszenario)

Der gesamte Prozess der Installation und Konfiguration von Harbor1.7 auf CentOS7.5

MySQL-Fremdschlüsseleinschränkung (FOREIGN KEY) Fallerklärung

Absteigender Index in MySQL 8.0

Linux-Installationsschritte für Jenkins und verschiedene Problemlösungen (Seitenzugriffsinitialisierungskennwort)

Vue + echart realisiert Doppelsäulendiagramm

Einführung in Container-Datenvolumes in Docker

Detaillierte Erläuterung der Speicherverwaltung der MySQL InnoDB-Speicher-Engine

Detaillierter Prozess zum Konfigurieren eines HTTPS-Zertifikats unter Nginx

Lösung für das Problem, dass die virtuelle Maschine Ubuntu 16.04 keine Verbindung zum Internet herstellen kann

SQL-Abfrage für Benutzer, die an mindestens sieben aufeinanderfolgenden Tagen Bestellungen aufgegeben haben

Zusammenfassung zur Verwendung der Reduce()-Methode in JS