Drei gängige Methoden, um nach 3 Sekunden automatisch zu einer HTML-Seite zu springen _HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:36:16
Original
1455 Leute haben es durchsucht

In der Praxis stoßen wir oft auf ein Problem: Wie realisiert man den automatischen Seitensprung nach N Sekunden?

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

Methode 1:

Die einfachste: direkt vor

Kopieren Sie den Code
Der Code lautet wie folgt:


/Es wird nach 3 Sekunden automatisch zu res.html gesprungen Wenn Sie unter der Datei zur JSP-Seite springen müssen, müssen Sie die URL-Adresse in die URL eingeben (die in die Adressleiste des Browsers geschriebenen Daten, z. B.: http://localhost: 8080/TestDemo/1.jsp )

Methode 2:

Sie müssen die Methode im Fenster verwenden:

setTimeout nach dem angegebenen Millisekundenwert Wertet einen Ausdruck aus.

Beispiel:


Kopieren Sie den Code
Der Code lautet wie folgt:

window.setTimeout("alert('Hello, world')", 1000);

Dies ist in js-Code geschrieben

Die spezifische Implementierung ist wie folgt:


Code kopieren
Der Code lautet wie folgt:

3 Sekunden und springen Sie direkt zur index.jsp-Seite



Methode 3:

Der Fehler der beiden oben genannten Beispiele besteht darin, dass sie springen können, aber nicht Ich weiß nicht, wann der Countdown 3-2-1 erfolgen soll.
settimeout-Methode kann nicht mehr verwendet werden.

setInterval berechnet einen Ausdruck nach jedem angegebenen Millisekundenwert.

Nach der gleichen Zeit wird die entsprechende Funktion ausgeführt. Spezifische Implementierungsmethode:





Kopieren Sie den Code
Der Code lautet wie folgt:
< ;script type="text/javascript">
onload=function(){
setInterval(go, 1000);
var x=3; Variablen zum Ausführen von
function go(){
x--;if(x>0){
document.getElementById("sp").innerHTML=x; Die Werte sind unterschiedlich.
}else{
location.href='res.html';
}
}

Der obige Inhalt stellt die drei gängigen Methoden dar, die dieser Artikel mit Ihnen teilt, um nach 3 Sekunden automatisch zu einer HTML-Seite zu springen. Ich hoffe, dass es Ihnen gefällt.
Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage