效果如下:五秒跳完之后,转到百度的页面
js代码如下:
window.οnlοad=init;
function init(){
window.setTimeout(“tiaozhuan()”,5000);
window.setInterval(“shijian()”,1000);
//五秒后调用tiaozhuan
}
function tiaozhuan(){
location.replace(“http://www.baidu.com”);
}
function shijian(){
var obj=document.getElementById("dl");
var n=obj.innerHTML;
obj.innerHTML=n-1;
}
body中的代码:
账号注册成功,页面会在5秒内自动跳转到首页
css中的代码:
#dl{
font-size: 60px;
color: red;
}
下面是另一种定时页面跳转:
效果如下:
下面是js代码:
var seconds=document.getElementById(‘seconds’);
seconds.innerHTML = --secs;
if(secs>0){
window.setTimeout('timing('+secs+',\''+url+'\')',1000);
}else{
location.href=url;
}
}
timing(3,'http://www.baidu.com');
接下来时css代码:
body{background: gray;}
div{
margin: 20px auto;
width: 350px;
height: 150px;
border: 1px solid #000;
background: white;
padding: 10px;
}
h2{text-align: center;}
span{font-size: 150%;color: red; margin: 0 10px;}
下面是body代码: