JavaScript倒计时跳转或后退

yibin 2015-02-09 建站源码 638

有的时候用户访问到一个错误或不可访问的页面,我们可以做一些这样的处理:倒计时N秒跳转到另一个页面或后退到前一个页面。

你可直接前往DEMO页看效果
这种效果可以用JavaScript实现:
HTML

双击代码全选
1

2

3

4
<p>  

    <span id="timer"></span> 秒后自动返回  

    <a href="http://www.qianduanzu.com/">直接跳转</a>  

</p>


 

JavaScript
双击代码全选
1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20
window.onload = function(){  

     var time = 3; //设置时间为几秒  

     var timer = document.getElementById('timer'); //获取ID为timer的对象  

     timer.innerHTML = time; //初始化显示秒数  

     time = time - 1;  

     var g = window.setInterval(function(){  

         if(time<0){  

             window.clearTimeout(g); //清除动画  

             window.location.href = 'http://www.qianduanzu.com/'; //跳转到指定地址  

             //window.history.back(-1); //后退  

         } else {  

             showTime();  

         }  

     },1000);  

     //显示函数  

     function showTime(){  

         timer.innerHTML = time;  

         time--;  

     }  

 };


 

如果不想做这种动画效果,而直接用HTML实现,如下:
双击代码全选
1 <meta http-equiv="refresh" content="3;url=http://www.qianduanzu.com

扫码添加微信

13013082126 扫描微信 建站咨询 优化咨询