javascript - 每 15 分钟打开一次覆盖弹出窗口

Question

我希望像这个页面一样推荐代码：vozforums.com

他们每 15 分钟打开一个覆盖弹出窗口，使用 cookie。这是屏幕截图：

我正在查看他们的代码，他们使用这个弹出代码：http ://defunkt.io/facebox/

但我不知道如何每 15 分钟打开一次弹出窗口，并且每个会话只打开一次（使用 jquery 和 cookie）。所以请帮忙。

Answer 1

cookie 可以设置一段时间。您只需要检查 cookie 是否存在，您不应该显示弹出窗口，否则显示它并设置 cookie。

if(readCookie('popupshown') == null)
{
  //show popup
}

读取和设置cookies的方法：

// Cookies
function createCookie(name, value, minutes) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (minutes * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else var expires = "";


    name = name;

    document.cookie = name + "=" + value + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

Answer 2

setTimeout 和 jQyeryUI 模态对话框将为您解决问题。

window.setTimeout(function () {
    $("#myDialog").dialog("open");
}, numberOfMSToWaitBeforeOpening);

如果您想要重复弹出窗口，您需要在他们关闭对话框时围绕超时管理进行一些编码。