设置cookie，一天之内不再显示广告demo

最新推荐文章于 2020-04-30 12:17:24 发布

晔晔炅萤

最新推荐文章于 2020-04-30 12:17:24 发布

阅读量260

点赞数

分类专栏：前端开发笔记

本文链接：https://blog.csdn.net/qq_18369669/article/details/103940598

版权

前端开发笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

通过javascript设置cookie，php根据cookie判断是否显示广告

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<style>
    .ad {
        height: 300px;
        background-color: red;
    }
    .ad p {
        margin: 0;
        padding: 5% 25%;
        font-size: 3em;
    }
    .ad a {
        float: right;
        text-decoration: none;
        text-align: center;
        height: 20px;
        width: 20px;
        background-color: yellow;
    }
</style>
<title></title>
</head>
<body>
    <?php if(! (isset($_COOKIE['heid_ad']) && $_COOKIE['heid_ad']=='1') ): ?>
    <div class="ad">
        <a href="<?php echo $_SERVER['PHP_SELF'] ?>" id='close'>X</a>
        <p>这是广告，点击右上方X，关闭广告，并且一天中不再显示</p>
    </div>
    <?php endif ?>
    <script>
        var closeBtn = document.getElementById('close')
        closeBtn.onclick = function(){
            var date = new Date()
            document.cookie = 'heid_ad=1; expires=' + new Date(date.getTime() + 1*24*60*60*1000).toGMTString()
        }
    </script>
</body>
</html>

晔晔炅萤

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
设置cookie，一天之内不再显示广告demo

通过javascript设置cookie，php根据cookie判断是否显示广告<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><style> .ad { height: 300px; background-color:...
复制链接

扫一扫