Heim  >  Artikel  >  Web-Frontend  >  Einführung in die Implementierungsmethode des automatischen Springens von HTML-Seiten

Einführung in die Implementierungsmethode des automatischen Springens von HTML-Seiten

黄舟
黄舟Original
2017-10-25 10:17:331456Durchsuche


1.1 Methode 1
Fügen Sie das e8e496c15ba93d81f6ea4fe5f55a2244-Tag direkt im 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1-Tag hinzu. Der Code lautet wie folgt:

<head>
    <meta http-equiv="refresh" content="3;URL=res.html">
    <!--3秒之后自动跳转到res.html页面-->
</head>

1.2 Methode 2
Verwenden Sie die JS-Funktion setTimeout, um einen Ausdruck zu definieren, der nach dem angegebenen Millisekundenwert ausgeführt werden soll. Der Code lautet wie folgt:

<script> 
setTimeout(function (){ 
    location.href=" res.html "; 
},3000); //3秒之后自动执行函数,直接跳转到res.html页面
</script>

1.3 Methode 3
Der Fehler der beiden oben genannten Beispiele besteht darin, dass sie den Sprung erreichen können, dies aber nicht tut wissen, wann man springen muss. Um den Countdown 3-2-1 zu implementieren, kann die JS-Funktion settimeout dies nicht tun. Sie müssen die JS-Funktion setInterval verwenden, um einen Ausdruck zu definieren, der jedes Mal ausgeführt wird, wenn der angegebene Millisekundenwert überschritten wird. Der Code lautet wie folgt:

<script> 
var x=3;//利用了全局变量来执行
setInterval(function (){
    x--;
    x>0? document.getElementById("info").innerHTML=x : location.href=&#39;123.html&#39;;
},1000);
</script>

Das obige ist der detaillierte Inhalt vonEinführung in die Implementierungsmethode des automatischen Springens von HTML-Seiten. 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
Vorheriger Artikel:Das HTML-Tag Bold verstehenNächster Artikel:Das HTML-Tag Bold verstehen