5秒后自动跳转页面

最新推荐文章于 2023-05-23 11:52:45 发布

eileen823

最新推荐文章于 2023-05-23 11:52:45 发布

阅读量4.5w

点赞数 1

分类专栏： web前端

本文链接：https://blog.csdn.net/eileen823/article/details/56354693

版权

web前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

5秒后自动跳转，代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="box"></div>
	</body>
	<script>
		//5秒跳转页面
		var b=document.getElementById("box");
		b.innerHTML="5秒跳转页面";
		var time=5;
		//每隔一秒执行定时器
		var timer=setInterval(function(){
			if(time>0){
				time--;
				b.innerHTML=time+"秒钟跳转页面";
			}else{//终止定时器
				//alert("跳转页面");
				//open("http://www.baidu.com");
				window.location.href="http://www.baidu.com";
				timer.clearInterval();
			}
		},1000);
	</script>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

eileen823

关注关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
5秒后自动跳转页面

5秒后自动跳转，代码如下： //5秒跳转页面 var b=document.getElementById("box"); b.innerHTML="5秒跳转页面"; var time=5; //每隔一秒执行定时器 var timer=setInterval(function(){ if(time>0){ time
复制链接

扫一扫