使用函数 setTimerOut 和 jquery Cookie 的模型 window

Question

有谁知道如何将这 2 javascript 组合在一起？这是模态 window 的 setTimeout 函数和模态 window 的 cookie 函数。我是 javascript 的新手，不知道如何一起编写这两个函数，希望有人能帮忙。我在页面加载和显示后为模态 window 设置了 "TimerOut" 函数。另一方面，我也为它设置了 cookie，我只需要模态 window 显示一次。现在 TimerOut 函数与 cookie 函数重叠。提前致谢！这是我的代码。

模态 window settimerout 函数：

<script type="text/javascript">
var show = function(){
    $('#myModal').modal('show');
};

$(window).load(function(){
    var timer = window.setTimeout(show,3000);
});
</script>

具有 cookie 功能的模式 window :

$(document).ready(function(){
    $('.bs-docs-sidebar').affix({
        offset: {
          top: 10
        }
    })
    if ($.cookie('pop') == null) {
                $('#myModal').modal('show');
                $.cookie('pop', '7');
            }
});

$(function($) {
$('#deleteCookie').click(function() {
        $.cookie('pop', null);
        window.location.reload();
      });
 });

Answer 1

发生重叠是因为 $(window).load() 函数在您的 cookie 函数之后执行。如果您不需要 $(window).load() 然后使用 $(document).ready().

<script type="text/javascript">    
$(document).ready(function(){
    var timer = window.setTimeout(function(){$('#myModal').modal('show');},3000);
    $('.bs-docs-sidebar').affix({
        offset: {
          top: 10
        }
    })
    if($.cookie('pop') == null) {
        $('#myModal').modal('show');
        $.cookie('pop', '7');
    }
    $('#deleteCookie').click(function() {
        $.cookie('pop', null);
        window.location.reload();
    });
});

</script>

这里我就不使用加载功能了，需要的话可以使用

使用函数 setTimerOut 和 jquery Cookie 的模型 window

A model window using function setTimerOut and with jquery Cookie

javascript

jquery

cookies