首页 > 技术文章 > JS学习笔记之定时广告的实现

zhang188660586 2019-07-11 13:09 原文

html代码:

1 <div width=100%>
2     <img id="gg" src="img/ad.jpg" width="100%" style="display: none;">
3 </div>

JS代码:

 1 //设置定时操作
 2         function init(){
 3             time=setInterval("n_b()",3000);
 4             
 5         }
 6         //实现none->block
 7         function n_b(){
 8              ggEle=    document.getElementById("gg");
 9             ggEle.style.display="block";
10         clearInterval(time);
11         time=setInterval("b_n()",5000);
12         }
13         //实现b->n
14         function b_n(){
15             ggEle.style.display="none";
16             clearInterval(time);
17         }
18                 window.onload=function(){
19             init();
20         }

 

推荐阅读