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

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

地址: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>

猜你喜欢

转载自blog.csdn.net/weixin_42078450/article/details/86556205