使用函数setTimerOut和jquery Cookie的模型窗口

A model window using function setTimerOut and with jquery Cookie

本文关键字：Cookie 模型 窗口 jquery 函数 setTimerOut      更新时间：2023-09-26

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

模态窗口设置定时器功能：

<script type="text/javascript">
var show = function(){
    $('#myModal').modal('show');
};
$(window).load(function(){
    var timer = window.setTimeout(show,3000);
});
</script>

具有cookie功能的模态窗口：

$(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();
      });
 });

重叠是因为$（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>

在这里，如果您需要，我不使用加载功能，然后您可以使用它。

相关文章：