Heim  >  Artikel  >  Web-Frontend  >  3 Möglichkeiten, HTML-Seiten automatisch nach 3 Sekunden springen zu lassen

3 Möglichkeiten, HTML-Seiten automatisch nach 3 Sekunden springen zu lassen

一个新手
一个新手Original
2017-09-08 13:05:2716615Durchsuche

In Projekten stoßen wir oft auf eine solche Funktion: wie man realisiert, dass die Seite nach N Sekunden automatisch springt. Tatsächlich ist die Methode sehr einfach. In diesem Artikel werde ich drei gängige Methoden zum automatischen Springen einer HTML-Seite nach 3 Sekunden vorstellen. Freunde, die daran interessiert sind, zu erfahren, wie eine HTML-Seite nach 3 Sekunden automatisch springt zusammen

In der Praxis stoßen wir oft auf ein Problem: Wie realisiert man, dass die Seite nach N Sekunden automatisch springt?

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

Methode 1:

Die einfachste: direkt vor 69dc7c11632a3c257ee0059aa9148d72

Methode 2:
Sie müssen die Methode im Fenster verwenden:

setTimeout berechnet einen Ausdruck nach dem angegebenen Millisekundenwert.

Beispiel:

Der Code lautet wie folgt:

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

Dies ist in js-Code geschrieben;

Die spezifische Implementierung ist wie folgt:

Der Code lautet 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页面

Methode 3:
Der Fehler der beiden oben genannten Beispiele besteht darin, dass sie den Sprung realisieren können, es aber nicht schaffen Ich weiß nicht, wann der Countdown 3-2-1 erfolgen soll.

settimeout-Methode kann nicht mehr verwendet werden.

setInterval berechnet jedes Mal einen Ausdruck, wenn der angegebene Millisekundenwert verstrichen ist.

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

Der Code lautet wie folgt:

<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>

Das obige ist der detaillierte Inhalt von3 Möglichkeiten, HTML-Seiten automatisch nach 3 Sekunden springen zu lassen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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