定时跳转页面js代码

效果如下:五秒跳完之后,转到百度的页面
在这里插入图片描述
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代码:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值