Maison > Article > interface Web > Introduction à la méthode de mise en œuvre du saut automatique des pages html
Introduction à la méthode de mise en œuvre du saut automatique des pages html
- 黄舟original
- 2017-10-25 10:17:331414parcourir
1.1 Méthode 1
Ajoutez la balise e8e496c15ba93d81f6ea4fe5f55a2244 directement dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 Le code est le suivant :
<head>
<meta http-equiv="refresh" content="3;URL=res.html">
<!--3秒之后自动跳转到res.html页面-->
</head>1.2 Méthode 2
Utilisez la fonction JS setTimeout pour définir une expression à exécuter après la valeur en millisecondes spécifiée. Le code est le suivant :
<script>
setTimeout(function (){
location.href=" res.html ";
},3000); //3秒之后自动执行函数，直接跳转到res.html页面
</script>1.3 Méthode 3
Le défaut des deux exemples ci-dessus est qu'ils peuvent réaliser le saut, mais ils ne le font pas savoir quand sauter. Pour implémenter le compte à rebours 3-2-1, la fonction JS settimeout ne peut pas le faire. Vous devez utiliser la fonction JS setInterval pour définir une expression à exécuter à chaque fois que la valeur en millisecondes spécifiée passe. Le code est le suivant :
<script>
var x=3;//利用了全局变量来执行
setInterval(function (){
x--;
x>0? document.getElementById("info").innerHTML=x : location.href='123.html';
},1000);
</script>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!