延迟关闭fancybox

Question

一个客户要求我在他的静态网站上更新一些视频。他希望它们能够“弹出”并在网站上播放。我喜欢fancybox，因为我很烂在jquery上，而且它使添加灯箱非常简单。我立即安装了它，到目前为止一切都完美无缺。

但是他希望fancybox窗口在剪辑播放后自动关闭。由于只有几个视频，而且它们非常短，我打算为每一个分配时间。我认为最长的时间是1分30秒，总共5个视频。

我该如何实现呢？fancybox网站上说：“在iframe中使用- parent.$.fancybox.close();”，但我不知道如何在jquery中使用延迟来让它起作用。任何意见或想法都将非常棒。

- john

---

你尝试过使用setTimeout('parent.$.fancybox.close();', 1000)吗？ - bksi

Answer 1

你可以利用JavaScript的setTimeout功能来实现。大概的代码如下：

``` setTimeout(function() { // 在这里写你需要延时执行的代码 }, 延时时间); ```

请注意，延时时间是以毫秒为单位计算的。

setTimeout('parent.$.fancybox.close();', <time_interval>);

- Jules

Answer 2

创建一个函数来关闭所有的fancybox，然后为该函数设置超时。

$(document).ready(function () {
closefancybox();
});

function closefancybox() {
    $.fancybox({
        afterLoad: function () {$.fancybox.close();}
    });
    setTimeout(function () { closefancybox(); }, <time_interval>);
}

- S.Akruwala