HTML实现页面自动跳转

最新推荐文章于 2023-06-26 16:46:04 发布

Gardenia Minwentel

最新推荐文章于 2023-06-26 16:46:04 发布

阅读量346

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_43090158/article/details/104568934

版权

HTML 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

1秒后自动跳转到百度页面。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	window.onload = function(){
		var time = 1;
		var secondEle = document.getElementById("second");
		var timer = setInterval(function(){
			secondEle.innerHTML = time;
			time--;
			if(time==0){
				clearInterval(timer);
				location.href="http://www.baidu.com";
			}
				
		},1000);
	}
</script>
</head>
<body>
	恭喜你，注册成功，<span style="color:red" id="second">5</span>秒钟后跳转，如不跳转点击<a href="http://www.baidu.com">这里</a>!
</body>
</html>

Gardenia Minwentel

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML实现页面自动跳转

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript"> window.onload = function(){ var time ...
复制链接

扫一扫