以延迟间隔打开和关闭颜色框

Question

我正在尝试编写一个小脚本，它将运行在 window 上连续显示设定的秒数以显示一个显示正在保存的颜色框，并在短暂延迟后删除颜色框.

我试过：

window.setInterval(function () {
    $.colorbox({ innerWidth: 200, innerHeight: 50, scrolling: false, title: false, overlayClose: false, escKey: false, closeButton: false, html: "<h3 style='background: #fff;'>Auto saving..please wait..<img src=\"/images/ajax-loader.gif\" /></h3>" });
}, 10000)
window.setTimeout(function() {
    $.colorbox.close();
}, 12500);

但显然只超时一次运行秒，而不是连续超时，所以它第一次工作但它不会运行随后间隔再次运行秒。

有没有办法创建一个函数并将其附加到 window，以便我的颜色框每 10 秒显示一次，然后在不久后关闭？

Answer 1

将超时放在间隔内。

我相信这就是你想要做的

window.setInterval(function(){
  console.log("Opening");
  window.setTimeout(function(){
    console.log("Closing");
  }, 2500);
}, 10000);

以延迟间隔打开和关闭颜色框

Open and Close Colorbox on Interval with Delay

javascript

jquery

colorbox