javascript - 页面加载 10 秒后卡在执行此函数上

Question

我创建了这个函数来检查用户的 cookie，然后显示新闻通讯弹出窗口。我需要在用户在网站上浏览 10 秒后加载此内容。我已经使用了 window.setTimeout 但到目前为止还没有起作用。除了 10 秒的延迟执行之外，该脚本运行良好。知道我做错了什么吗？

setTimeout(theme.ModalNewsletter, 10000); {
theme.ModalNewsletter = function() 

  if ($.cookie('tada-cookies')) {
  } 
  else {
    var el = $('#newslettermodal');
    if (el.length) {
      $('#newslettermodal').removeClass("hide");
      $.magnificPopup.open({
        items: {
          src: el
        },
        type: 'inline'
      });
    }

  }
  $.cookie('tada-cookies', 'true', { expires: 7});
}

Answer 1

在调用 setTimeout 时，theme.ModalNewsletter 仍未定义，因此您使用未定义的参数调用 setTimeout，您的函数将永远不会被调用。

例如，在此代码片段中，只有 A 会打印到控制台中。

var obj = {
    a: function(){ console.log("A")}
};
window.setTimeout(obj.a, 1000);
window.setTimeout(obj.b, 1000);
obj.b = function(){ console.log("B")};

要解决您的问题，您需要在调用 setTimeout 之前声明属性 ModalNewsLetter。