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

Entwicklung eines Miniprogramms zur Implementierung einer einheitlichen Verwaltung von Access_Token

Bringen Sie Ihnen den detaillierten Prozess der Verwendung von Docker zum Erstellen der chinesischen Version der Gitlab-Community bei

1. Verwenden Sie Docker Compose, um den Start zu ...

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

Entwicklung eines Miniprogramms zur Implementierung einer einheitlichen Verwaltung von Access_Token

Vue erzielt einen nahtlosen Karusselleffekt (Laufschrift)

Tutorial-Analyse zur Installation und Nutzung des Linux-Leistungsüberwachungstools nmon

Das Problem der Verwendung von Slots durch Vue+tsx wird nicht behoben

6 Lösungen für die Unfähigkeit von IDEA, eine Verbindung zur MySQL-Datenbank herzustellen

HTML verwendet Laufschrift, um Text nach links und rechts scrollen zu lassen

Bevor wir eine Webseite erstellen, werfen wir einen Blick auf diese sogenannten Spezifikationen

Analysieren Sie, wie Uniapp den Schnittstellendomänennamen dynamisch erhält

Detaillierte Erklärung der Grundfunktionen und Verwendung von MySQL-Fremdschlüsseln

Detailliertes Tutorial zur Installation von Hbase 2.3.5 auf Vmware + Ubuntu18.04

Artikel empfehlen

Importieren Sie die CSV-Datei mit Navicat in MySQL

So spielen Sie lokale Mediendateien (Video und Audio) mit HTML und JavaScript ab

Detaillierte Erklärung, warum MySQL nicht mit UNION zwei Abfragen verbinden kann

Beispielcode für die automatische Aktualisierung von Webseiten und den automatischen Sprung

Detailliertes Tutorial zur Installation von Spring-Boot-Anwendungen auf Linux-Systemen

Beispiel für die CSS3-Clear-Float-Methode

Detaillierte Erklärung der Semiotik in Html/CSS

Lösen Sie das Problem des Tomcat 404-Fehlers bei der Bereitstellung von Spring Boot + Jar-Verpackungen

Bringen Sie Ihnen den detaillierten Prozess der Verwendung von Docker zum Erstellen der chinesischen Version der Gitlab-Community bei

Wie installiert und verbindet man Navicat in MySQL 8.0.20 und worauf muss man achten?

Einige Einstellungen von Div bezüglich Rahmen und Transparenz

CSS3 verwendet scale() und rotate() zum Zoomen und Drehen

Analyse des Implementierungsprinzips von Vue-Anweisungen

Lösung für das Problem, dass die Audiokomponente des WeChat-Applets unter iOS nicht abgespielt werden kann.

Änderung und Abfrage von Python MySQL-Datenbanktabellen