涉及到的知识:
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>