JavaScript倒计时跳转或后退

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

这种效果可以用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--;  
      }  
  };
 

    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值