二、案例：使用jQuery完成页面定时弹出窗口

最新推荐文章于 2019-09-02 19:43:38 发布

岩流

最新推荐文章于 2019-09-02 19:43:38 发布

阅读量236

点赞数

分类专栏： jQuery 文章标签： HTML JS JavaScript

本文链接：https://blog.csdn.net/weixin_43470419/article/details/89295222

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1 知识点

设置循环定时器 setInterval(,) clearInterval()
设置单次定时器 setTimeout(,) clearInterval()
图片显示：img.style.display=“block”
图片隐藏：img.style.display=“none”

2 步骤

导入JQ文件
编写文档加载事件
启动定时器setTImeOut();
编写显示广告的函数
在显示广告函数里再启动一个定时器
编写隐藏广告的函数

3 实现

<html>
	<head>
		<script src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript">
				
			function showAd(){
				$("#img1").fadeIn();
				setTimeout("hideAd()",3000);
			}
			function hideAd(){
				$("#img1").fadeOut();
			}
			$(function(){
				setTimeout("showAd()",3000);
			});
		</script>
	</head>
	<body>
		<img src="../img/111.png" id="img1" style="display:none"/>
	</body>
</html>