javascript - 添加超时功能以显示带有cookie的模态

Question

我已经成功地使用这个脚本来设置一个 jquery cookie，它向网站访问者显示一个显示模式，但每天只显示一次。

<script type="text/javascript">
$(document).ready(function(){
        // if the cookie doesn't exist create it and show the modal
        if ( ! $.cookie('hereToday') ) {

        // create the cookie. Set it to expire in 1 day
        $.cookie('hereToday', true, { expires: 1 });

        //call the reveal modal
        $('#subscribe').reveal();
    }
});
</script>

如何在脚本中添加超时功能，在触发模态之前会增加几秒钟的延迟？

Answer 1

你必须使用，setTimeout功能：

<script type="text/javascript">
$(document).ready(function(){
        // if the cookie doesn't exist create it and show the modal
        if ( ! $.cookie('hereToday') ) {

        // create the cookie. Set it to expire in 1 day
        $.cookie('hereToday', true, { expires: 1 });

        //call the reveal modal
        var delay=5000; //in ms, this would mean 5 seconds
        setTimeout(function(){
            $('#subscribe').reveal();
        },delay);
    }
});
</script>

Answer 2

只需使用 setTimeout。

setTimeout(function() {
    $('#subscribe').reveal();
},5000);

模态将在 5 秒后调用。