javascript 5秒后关闭广告案例 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         body {
 8             height: 2000px;
 9         }
10         img {
11             position: fixed;
12             top: 10%;
13             /*margin-top: -220px;*/
14         }
15         .img1 {
16             left: 10px;
17         }
18         .img2 {
19             right: 10px;
20         }
21         div {
22             width: 800px;
23             margin: 150px auto;
24             color: pink;
25             /*text-align: center;*/
26             font: 700 25px/1.3 "simSun";
27         }
28     </style>
29 </head>
30 <body>
31     <img class="img1" src="images/1.gif" alt="">
32     <img class="img2" src="images/2.gif" alt="">
33     <div>
34         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam quis at enim suscipit expedita perferendis nesciunt rem, fugiat labore itaque dignissimos rerum laborum quam laudantium pariatur! Quasi voluptas sunt, corrupti. Nihil ullam ex magni, veniam, rem sint illo quasi corporis fugit laudantium, eaque possimus molestias iusto ea qui culpa facilis accusamus mollitia quod sapiente. Beatae aliquam illo dolore culpa saepe, reprehenderit voluptates ullam atque minima nostrum distinctio iure, ducimus molestias odit placeat quas nisi ab, molestiae accusantium animi! Beatae numquam deserunt, maxime asperiores nemo voluptates, neque atque expedita corporis facere ducimus laboriosam, cumque! Facilis tempora est ducimus id, consectetur necessitatibus?
35     </div>
36     <script>
37         
38 
39         var imgArr = document.getElementsByTagName("img");
40         //设置定时器
41         setTimeout(fn,5000);
42         function fn(){
43             imgArr[0].style.display = "none";
44             imgArr[1].style.display = "none";
45         }
46     </script>
47 </body>
48 </html>

 

posted @ 2018-04-14 20:35  叶子玉  阅读(665)  评论(0)  编辑  收藏  举报