实现定时图片轮流展示和定时广告弹出

涉及到的知识：

setInterval(定时执行的函数, 毫秒值) 反复执行，方法可按照指定的周期（以毫秒计）来调用函数。

clearInterval( ID值 ) 可取消由 setInterval() 设置的 周期性执行。
注意：clearInterval() 方法的参数ID，必须是由 setInterval() 返回的 ID 值。

实现定时图片轮流展示的js代码：

<script>
			var i=1;
			setInterval(function(){
				//此处lunliu 为img 中的属性id
				var lid = document.getElementById("lunliu");
				//3为几张图片轮流切换,为保证到最后一张图时能从第一张开始,在这里将i的值改为1
				if(i>3){
					i=1;
				}
				//图片的名字为 1,2,3
				lid.src="img/"+i+".jpg";
				i++;
			},3000);
		</script>

实现定时广告弹出的代码：

<script>
			//定时
			setInterval(function (){
				//获取img的属性id
				var ad = document.getElementById("ad");
				//将img设置属性 display="block" 以显示图片
				ad.style.display="block";
				//定时隐藏广告 2s
				setTimeout(function(){
					//将img设置属性 display="none" 将图片隐藏
					ad.style.display="none";
					//2000 ， 4000 为毫秒值 
				},2000)
			},4000);
		</script>