Introduction à la méthode de mise en œuvre du saut automatique des pages html-tutoriel HTML-php.cn

Introduction à la méthode de mise en œuvre du saut automatique des pages html

黄舟

Libérer： 2017-10-25 10:17:33

original

1425 Les gens l'ont consulté

1.1 Méthode 1
Ajoutez la balise directement dans la balise

Le code est le suivant :

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

Copier après la connexion

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>

Copier après la connexion

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=&#39;123.html&#39;;
},1000);
</script>

Copier après la connexion

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!