简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

各种页面定时跳转(倒计时跳转)代码总结_javascript技巧

WBOY
Libérer： 2016-05-16 17:18:50
original
812 Les gens l'ont consulté

下面对实现页面定时跳转（也称倒计时跳转）做一下总结，各种定时跳转代码记录如下：

（1）使用setTimeout函数实现定时跳转（如下代码要写在body区域内）

复制代码 代码如下:



（2）html代码实现，在页面的head区域块内加上如下代码
复制代码 代码如下:




（3）稍微复杂点，多见于登陆之后的定时跳转
复制代码 代码如下:




js定时跳转页面的方法


<script> <BR>var t=10;//设定跳转的时间 <BR>setInterval("refer()",1000); //启动1秒定时 <BR>function refer(){ <BR>if(t==0){ <BR>location="http://www.baidu.com"; //#设定跳转的链接地址 <BR>} <BR>document.getElementById('show').innerHTML=""+t+"秒后跳转到百度"; // 显示倒计时 <BR>t--; // 计数器递减 <BR>//本文转自： <BR>} <BR></script>


Étiquettes associées：
定时跳转
source：php.cn
Article précédent：javascript上传图片前预览图片兼容大多数浏览器_javascript技巧 Article suivant：图片动画横条广告带上下滚动的JS代码_javascript技巧
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
Derniers articles par auteur
Derniers numéros
Sélectionnez les produits liés au woocommerce à l'aide d'une taxonomie personnalisée avec une hiérarchie à 3 niveaux J'ai une boutique woocommerce avec une classification personnalisée « Sports ». La classif...
Depuis 2024-04-06 20:05:30
0
1
544
Problème pour obtenir des statistiques spécifiques (Stats) à partir de PokeAPI à l'aide d'Axios et Node.js J'ai un problème, j'essaie d'utiliser PokemonAPI, mais lorsque j'essaie d'accéder aux stat...
Depuis 2024-04-06 18:46:35
0
1
464
Laravel 8 - Comment rediriger la route /{editable_text} vers la route /{user} J'ai essayé de créer un itinéraire de redirection pour me conduire à un profil utilisateur...
Depuis 2024-04-06 17:26:11
0
1
410
React Three Fiber : Pourquoi mes événements de défilement sont-ils en retard ? Dans ReactThreeFiber, j'ai un composant React qui génère un sprite que je souhaite conserv...
Depuis 2024-04-06 13:39:24
0
1
410
Mysql renvoie certains enregistrements vides dans le champ de date car la date a plusieurs formats J'essaie d'analyser la colonne order_date et la colonne a plusieurs formats de date et je ...
Depuis 2024-04-06 13:29:40
0
1
466
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
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！