jquery - 使用 Javascript setTimeout/setInterval 打开一个弹出窗口并在几秒钟后自动关闭它

Question

addtocart 成功后，我创建了一个 ajax 调用函数。

我需要在 addtocart 后每 4 秒打开一次自定义弹出窗口，并在 4 秒后关闭它。

但我也需要在关闭弹出窗口后清除间隔。

在自定义函数 ajax 成功包含，

var id = setTimeout(timer, 5000);
 function timer() {
   alert(1);
   $("#qty-popup").show();
    setInterval(function () {
       $("#qty-popup").hide();
    }, 5000);
  clearInterval(id);
   }

但它不起作用。如何做到这一点（清除间隔）？

Answer 1

您需要为弹出窗口设置一些onClose事件：

var id = setTimeout(timer, 5000);
function timer() {
    $("#qty-popup").toggle();       
}

对于阿贾克斯：

$.ajax({
  url: 'url'
  data: data,
  success: function(){ 
    clearInterval(id);
  },
  error: function(){
    clearInterval(id);
  }
});