定时弹出广告

最新推荐文章于 2021-05-25 16:17:01 发布

原创最新推荐文章于 2021-05-25 16:17:01 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#定时弹出广告

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种在网页上实现定时弹出并自动关闭图片广告的方法，通过使用HTML、CSS和JavaScript，设置图片在页面加载后3秒显示，持续3秒后自动消失。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定时弹出广告

打开网页后，过3秒弹出一张图片，显示3秒后再关闭。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script>
			function hideAD(){
			//首先获取要操作的img
			var img = document.getElementById("img1");
			//隐藏广告
			img.style.display="none";
			}
						
			function showAD(){
			//首先获取要操作的img
			var img = document.getElementById("img1");
			//显示广告
			img.style.display="block";
			//再开启定时器，关闭广告
			 setTimeout("hideAD()",3000);
			}
						
			function init(){
			   setTimeout("showAD()",3000);
			}
			
		</script>
	</head>
	
	<body onload="init()">
		<img src="../img/1.gif" width="100%" style="display: none;" id="img1" />
	</body>
</html>