使用JS完成页面定时跳转

最新推荐文章于 2023-11-06 20:21:16 发布

君故于时

最新推荐文章于 2023-11-06 20:21:16 发布

阅读量760

点赞数

分类专栏：工作运用文章标签：定时器

本文链接：https://blog.csdn.net/weixin_44079964/article/details/85252885

版权

工作运用专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
*//页面加载*
	window.onload = function(){
		var secondEle = document.getElementById("second");
		var time = 5;
	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.souhu.com">这里</a>!
</body>
</html>