javascript - 让广告每 5 分钟出现一次?

标签 javascript html cookies session-cookies

下面是我用来使广告每天出现一次的代码。我想将其切换为每 5 分钟出现一次。我想将脚本中 1 的值更改为 0.004(如果 1 = 一天,.004 = 大约 5 分钟),但它似乎无法正常工作。有人有什么想法吗?谢谢!

<style>
    #donationad {
        position: fixed;
        bottom: 0;
        left: 40px;
        width: 250px;
        height: 150px;
        z-index: 999;
        display: none;
    }

    #donationad.hide {
        display: none;
    }

    .closebutton {
        position: relative;
        top: 20px;
        left: 230px;
        cursor: pointer;
    }

    .closebutton img {
        width: 30px;
        height: auto;
        opacity: 1.0;
    }
</style>
<script type="text/javascript">
    $(document).ready(function() {
        $('.closebutton').click(function() {
            $("#donationad").toggleClass("hide");
        });
    });
</script>
<div id="donationad">
    <div class="closebutton"> <img src="http://www.dbknews.com/pb/resources/assets/img/modal_close_button.png"> </div>
    <a href="http://dbknews.com/donate"> <img src="https://s3.amazonaws.com/wapopartners.com/dbknews-wp/wp-content/uploads/2016/12/24020402/DBK-Donate250x150.jpg"> </a>
</div>
<script type="text/javascript">
    var cookie = document.cookie;
    if (cookie.indexOf('visited=', 0) == -1) {
        var expiration = new Date();
        expiration.setDate(expiration.getDate() + 1);
        document.cookie = 'visited=1;expires=' + expiration + ';path=/';
        var element = document.getElementById('donationad');
        element.style.display = 'block';
    }
</script>

最佳答案

Date.setDate 设置月份中的日期,而不是“日期”。令人困惑?是的。

你想要的是完全不同的东西。

document.cookie = 'visited=1;max-age=300;path=/';
// 300 is 5 minutes in seconds

这会创建一个只能存活 5 分钟的 cookie,并且您根本不需要处理日期。您将丢失旧版本的 IE,它会将 cookie 视为临时的。

关于javascript - 让广告每 5 分钟出现一次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41577172/

相关文章:

javascript - Firebase 在渲染之前在 Nuxtjs 上获取

javascript - 如何使用 React 将我的应用程序从表单路由回主页?

html - 基于类将样式应用于标题属性

Java Servlet 不删除 cookie

c# - 在 C# 中使用 AWS Cloudfront API 创建签名 Cookie

javascript - 如何使用 Emotion SDK for Javascript 批量处理视频文件

javascript - 如何选择和使用 srcset 属性的值?

html - 在ASP.NET中创建“Navbar” Bootstrap 主题

html - 如何在 Joomla 1.5.20 中为文章添加自定义 CSS?

javascript - 在多个浏览 session 中保存 javascript 变量?