有的时候用户访问到一个错误或不可访问的页面,我们可以做一些这样的处理:倒计时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 |