JavaScript倒计时跳转或后退
有的时候用户访问到一个错误或不可访问的页面,我们可以做一些这样的处理:倒计时N秒跳转到另一个页面或后退到前一个页面。
你可直接前往DEMO页看效果!
这种效果可以用JavaScript实现:
HTML
1 <p> 2 <span id="timer"></span> 秒后自动返回 3 <a href="http://www.qianduanzu.com/">直接跳转</a> 4 </p>
JavaScript
1 window.onload = function(){ 2 var time = 3; //设置时间为几秒 3 var timer = document.getElementById('timer'); //获取ID为timer的对象 4 timer.innerHTML = time; //初始化显示秒数 5 time = time - 1; 6 var g = window.setInterval(function(){ 7 if(time<0){ 8 window.clearTimeout(g); //清除动画 9 window.location.href = 'http://www.qianduanzu.com/'; //跳转到指定地址 10 //window.history.back(-1); //后退 11 } else { 12 showTime(); 13 } 14 },1000); 15 //显示函数 16 function showTime(){ 17 timer.innerHTML = time; 18 time--; 19 } 20 };
如果不想做这种动画效果,而直接用HTML实现,如下:
1 <meta http-equiv="refresh" content="3;url=http://www.qianduanzu.com/">
Author:前端组
posted on 2012-05-16 11:32 前端组www.qianduanzu.com 阅读(3063) 评论(2) 编辑 收藏 举报