使用jQuery完成定时广告弹出与关闭（对比JavaScript）

水深无声 2022-03-25 08:46 264阅读 0赞

JavaScript的书写在另一篇博客，可以对比

地址：[https://blog.csdn.net/weixin\_42078450/article/details/86546207][https_blog.csdn.net_weixin_42078450_article_details_86546207]

此处为jQuery代码实现：

//一定要引入jQuery文件
    <script type="text/javascript"  src="js/jquery-1.11.3.js"></script>
    //jquery代码
    <script>
        var time;
        $(function(){
            //设置定时5秒后执行一个显示广告的函数
            time = setInterval("showAd()",5000);
        });
    
    
        //显示广告的函数
        function showAd(){
            //获得广告的div并让其显示
            $("#divAd").show(1000);
            //显示动画
            //$("#divAd").slideDown(3000);
            //$("#divAd").fadeIn(3000);
            //清空定时
            clearInterval(time);
            //重新设置定时，用来关闭广告
            time = setInterval("hideAd()",5000);
        }
    
    
        //隐藏广告函数
        function hideAd(){
            //获得广告的div并让其隐藏 
            $("#divAd").hide(3000);
            //隐藏时的动画
            //$("#divAd").slideUp(3000);
            //$("#divAd").fadeOut(3000);
            //清空定时
            clearInterval(time);
        }
    
    </script>

[https_blog.csdn.net_weixin_42078450_article_details_86546207]: https://blog.csdn.net/weixin_42078450/article/details/86546207

发表评论取消回复

表情：

评论列表（有 0 条评论，264人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript：layer关闭指定弹出窗口

JavaScript：layer关闭指定弹出窗口前言一、关闭指定窗口 1.关闭指定窗口：layer.close(index)——推荐用法

电玩女神/ 2024年03月16日 18:35/ 0 赞/ 99 阅读

相关 JQuery弹出提示框定时自动消失

这是网络上的原始样式地址，感谢博主：[https://www.cnblogs.com/zhijiangch/p/7270109.html][https_www.cnblogs.

向右看齐/ 2023年06月30日 10:44/ 0 赞/ 7 阅读

相关使用JQuery完成定时弹出广告/图片

script部分 <script type="text/javascript" src="../js/jquery-3.4.1.js"></script>

我会带着你远行/ 2023年06月08日 09:26/ 0 赞/ 57 阅读

相关 js实现定时弹出广告效果

获取图片的元素对象(document.getElementById(“”)) 隐藏图片：display：none 定时操作：setInterval(“显示图片的函数”，

一时失言乱红尘/ 2023年02月13日 08:41/ 0 赞/ 20 阅读

相关 jquery定时显示广告

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

深碍√TFBOYSˉ_/ 2023年01月01日 04:53/ 0 赞/ 156 阅读

相关关闭弹出的WPS广告提示

每次打开wps都会弹出广告，怎么设置取消掉弹屏 ![format_png][] 去广告需要修改源文件，因此首先要进入wps的安装文件夹。具体方法是，右击桌面的“wps

迈不过友情╰/ 2022年11月24日 12:54/ 0 赞/ 229 阅读

相关使用jQuery完成定时广告弹出与关闭（对比JavaScript）

JavaScript的书写在另一篇博客，可以对比地址：[https://blog.csdn.net/weixin\_42078450/article/details/865

水深无声/ 2022年03月25日 08:46/ 0 赞/ 265 阅读

相关使用JavaScript完成定时广告弹出与关闭

1、需求分析在首页的顶部做一个定时弹出与关闭广告图片的效果 2、步骤分析第一步：在页面指定位置隐藏一个广告图片（使用display属性的none值

缺乏、安全感/ 2022年03月25日 05:51/ 0 赞/ 615 阅读

相关 js定时弹出关闭广告

1 ![20190213134216264.png][] 2 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

超、凢脫俗/ 2022年03月20日 13:56/ 0 赞/ 241 阅读

相关 jQuery定时弹出广告

jQuery定时弹出广告 <!DOCTYPE html> <html> <head> <title>jquery定时弹出广告</title>

迷南。/ 2022年01月21日 09:09/ 0 赞/ 277 阅读