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:331475Durchsuche
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='123.html';
},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!