1. 程式人生 > >定時彈出廣告

定時彈出廣告

//匯入依賴的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>