Einführung in die Implementierungsmethode des automatischen Springens von HTML-Seiten-HTML-Tutorial-php.cn

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

黄舟

Freigeben： 2017-10-25 10:17:33

Original

1455 Leute haben es durchsucht

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

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!