Trois façons courantes d'accéder automatiquement à une page HTML après 3 secondes _Production de pages HTML/Xhtml_Web

En pratique, on rencontre souvent un problème : comment réaliser le saut automatique de page au bout de N secondes ?

J'ai rencontré des problèmes et recherché des informations moi-même, et j'ai résumé 3 méthodes

Méthode 1 :

La plus simple : directement devant

Copiez le code

Le code est le suivant :

//Il passera automatiquement à res.html après 3 secondes, les deux appartiennent au même Sous le fichier, si vous devez accéder à la page jsp, vous devez remplir l'adresse url dans l'url - (les données écrites dans la barre d'adresse du navigateur, telles que : http://localhost : 8080/TestDemo/1.jsp )

Méthode 2 :

Vous devez utiliser la méthode dans la fenêtre :

setTimeout après la valeur en millisecondes spécifiée Évalue une expression.

Exemple :

Copiez le code

Le code est le suivant :

window.setTimeout("alert('Hello, world')", 1000);

Ceci est écrit en code js

L'implémentation spécifique est comme suit :

Copier le code

Le code est le suivant :

3 secondes et passez directement à la page index.jsp

Méthode 3 :
Le défaut des deux exemples ci-dessus est qu'ils peuvent sauter, mais ils ne le font pas Je ne sais pas quand sauter. Pour réaliser le compte à rebours 3-2-1 ; la méthode

settimeout ne peut plus être utilisée

setInterval calcule une expression après chaque valeur de milliseconde spécifiée ;

Après le même temps, la fonction correspondante sera exécutée. Méthode spécifique de mise en œuvre :

Copiez le codeLe code est le suivant :

< ;script type="text/javascript">
onload=function(){
setInterval(go, 1000>};
var x=3; variables à exécuter
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x //définir x à chaque fois; Les valeurs sont différentes.
}else{
location.href='res.html';
}
}

Le contenu ci-dessus représente les trois méthodes courantes que cet article partage avec vous sur la façon d'accéder automatiquement à une page HTML après 3 secondes. J'espère que vous l'aimerez.

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn