定时弹出广告

//导入依赖的jquery
<script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" src="css/style.css" ></script>


<div id="divId">
		<img src="img/1.jpg">;
	</div>

<script type="text/javascript">
	var time;
	$(function(){
		//设置1秒后显示一个广告的函数
		time=setInterval("showAdd()",1000);
	});
	//显示广告的函数
	function showAdd(){
		$("#divId").fadeIn(1000);
		
		//清除定时
		clearInterval(time);
		//重新设置定时,隐藏
		time=setInterval("hidAdd()",1000);
	}
	//隐藏广告的函数
	function hidAdd(){
		$("#divId").fadeOut();
		//清空定时
		clearTimeout(time);
	}
</script>

猜你喜欢

转载自blog.csdn.net/qq1424035130/article/details/84834117