内嵌灯箱 20 秒后弹出

【问题标题】：inline lightbox pops up after 20 seconds内嵌灯箱 20 秒后弹出
【发布时间】：2011-11-09 10:34:33
【问题描述】：

是否有一个灯箱可以让我告诉它在用户在我的网站上停留 20 秒（或其他用户定义的时间）后弹出？

我想参加一项比赛，让接下来的 100 人在 facebook 上喜欢我们，然后参加抽奖以赢得奖品。

关于执行此操作的脚本或我如何修改 fancybox 来执行此操作的任何想法？

【问题讨论】：

【解决方案1】：

您可以使用 setTimeout 方法延迟 javascript 中的任何操作：

setTimeout(function() {
   // put code here you want to happen 20 seconds later
}, 20000); // time is in milliseconds

【讨论】：

当然，在超时时间内，您可以使用任意数量的灯箱插件，例如leandrovieira.com/projects/jquery/lightbox
我如何让灯箱自动触发？

【解决方案2】：

您可以使用 setTimeout 函数来做到这一点。

var time =2000;
setTimeout(function(){
    //piece of lightbox code goes here
}, time)

或者您可以在加载时按页面执行：

var loader = false;
var pagetimer = 2000;
$(window).on('load', function() {
    pageTimer = true;
    setTimeout(function() {
        if (!loader) {
            window.location.reload();
        }
        //set lightbox pop-up code here
    }, time);

【讨论】：