Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:36:16
original
1423 Les gens l'ont consulté

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.
Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!