建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

JavaScript倒计时跳转或后退

时间:2012-05-16 14:37来源: 作者: 点击:
有的时候用户访问到一个错误或不可访问的页面,我们可以做一些这样的处理:倒计时N秒跳转到另一个页面或后退到前一个页面。   你可直接前往DEMO页看效果! 2秒后自动返回     直接跳转 这种效果可以用JavaScript实现: HTML 1 <p> 2&nb

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

 

你可直接前往DEMO页看效果!

2秒后自动返回     直接跳转

这种效果可以用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/">

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片