用js实现广告弹窗效果和图片切换效果_如何让img的src执行一个js弹窗

作者：凡人多烦事01 | 2024-03-29 09:16:49

踩

如何让img的src执行一个js弹窗

广告弹窗

使用定时器脚本setInterval(methodname, millisec)、setTimeout(method, millisec)

参数1：执行的函数名或代码字符串
参数2：设置时间间隔单位：毫秒

<body>
    <div>
        <img src="image/Taylor1.jpg" height="800" width="1280" id="img" style="display: none"/>
    </div>
<script>
//第一次隔6秒弹出图片，停2秒显示图片，从第二次开始隔4秒弹出图片，2秒显示图片
   onload=function(){
       var obj = document.getElementById("img")
       //obj.style.display="block";

       function show() {
           var obj = document.getElementById("img");
           obj.style.display="block";
           setTimeout(noshow,2000);
       }
       function noshow() {
           var obj = document.getElementById("img");
           obj.style.display="none";

       }
       setInterval(show,6000);
   }
</s
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/335027