以延迟时间间隔打开和关闭彩盒

Question

我正在尝试编写一个小脚本，该脚本将在窗口上连续运行一定的秒数，以显示一个表示正在保存的颜色框，并在短暂延迟后移除该颜色框。

我试过了：

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);

但显然 timeout 只运行一次，而不是连续运行，因此它第一次运行但在间隔再次运行时它不会运行后续时间。

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

Answer 1

把超时放在区间内。

我相信这就是你想要做的

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