使用JavaScript完成定时自动广告弹出与关闭

作者 : 盛夏科技本文共563个字，预计阅读时间需要2分钟发布时间： 2023-11-17 共301人阅读

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>03页面定时弹出广告</title>
        <script>
		
			function init(){
				setTimeout("showAD()",3000);//多少时间出现广告
			}
			
			function showAD(){
				//首先要获取要操作的img
				var img = document.getElementById("img1");
				//显示广告
				img.style.display = "block";
				
				//再开启定时器,关闭广告
				setTimeout("hideAD()",3000);
			}
			
			function hideAD(){
				//首先要获取要操作的img
				var img = document.getElementById("img1");
				//隐藏广告
				img.style.display = "none";
			}
		</script>
	</head>
	<body onload="init()">
		<img src="https://vip.helloimg.com/images/2023/11/17/ovDJyA.png" width="100%" id="img1" style="display: none;"/>
	</body>
</html>

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 声明：根据2013年1月30日《计算机软件保护条例》2次修订第17条规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬! 鉴于此，本源码仅供学习，不建议商用哦！