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

水深无声 2022-03-25 08:46 251阅读 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 条评论，251人围观）

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

相关阅读

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

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

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

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

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

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

相关 jquery定时显示广告

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

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

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

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

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

相关 jquery/javascript/js点击弹出对话框

[![Center][]][Center 1] 更多技术问题解决案例请访问：IT[摆渡网][Center 1] \-- 一个IT实时在线问答平台,解决任何IT技术难题，

落日映苍穹つ/ 2022年06月14日 11:12/ 0 赞/ 243 阅读

相关使用jQuery完成表格的隔行换色（对比JavaScript）

1、案例描述开发中，需要表格陈列数据，数据过多不易查看，通过隔行换色进行表示。 2、jQuery代码实现 2.1、理解class操作：

女爷i/ 2022年03月25日 08:48/ 0 赞/ 241 阅读

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

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

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

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

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

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

相关 js定时弹出关闭广告

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

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

相关 jQuery定时弹出广告

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

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