Heim > Web-Frontend > HTML-Tutorial > Drei gängige Methoden, um nach 3 Sekunden automatisch zu einer HTML-Seite zu springen

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

高洛峰
Freigeben: 2018-05-18 15:03:12
Original
9448 Leute haben es durchsucht

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 hinzufügen:

<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>
Nach dem Login kopieren

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页面
Nach dem Login kopieren

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=&#39;res.html&#39;; 
} 
} 
</script>
Nach dem Login kopieren

Weitere verwandte Artikel zu drei gängigen Methoden zum automatischen Springen von HTML-Seiten nach 3 Sekunden finden Sie auf der chinesischen PHP-Website!

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