打开弹出窗口,并在几秒钟后使用Javascript setTimeout / setInterval将其自动关闭

时间:2018-06-23 09:57:46

标签: jquery clearinterval magento2.2

添加成功后,我已经创建了一个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);
   }

但是它不起作用。该如何做(清除间隔)?

1 个答案:

答案 0 :(得分:0)

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

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

对于ajax:

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