准备工作:
1.JS的定时操作
setInterval();
setTimeout();
clearInterval();
clearTimeout();
2.CSS控制显示和隐藏的属性
display:
block:显示
none:隐藏
代码实现:
<script>
var time;
function init(){
//设置定时操作
time=setInterval("showAd()",5000);
}
function showAd(){
//获得div元素
var divAd=document.getElementById("divAd");
divAd.style.display="block";
//消除之前的定时操作
clearInterval(time);
//重新设置一个定时:5秒钟隐藏
time=setInterval("hideAd()",5000);
}
function hideAd(){
//获得div元素
var divAd=document.getElementById("divAd");
divAd.style.display="none";
clearInterval(time);
}
</script>