Maison  >  Article  >  interface Web  >  各种页面定时跳转(倒计时跳转)代码总结_javascript技巧

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

WBOY
WBOYoriginal
2016-05-16 17:18:50793parcourir

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:

(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>


Déclaration:
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