有的时候用户访问到一个错误或不可访问的页面,我们可以做一些这样的处理:倒计时N秒跳转到另一个页面或后退到前一个页面。
这种效果可以用JavaScript实现:
HTML
1
2
3
4
|
<
p
>
<
span
id
=
"timer"
></
span
> 秒后自动返回
<
a
href
=
"http://www.qianduanzu.com/"
>直接跳转</
a
>
</
p
>
|
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--;
}
};
|