JavaScript/jQuery : How to properly use setTimeout before redirect

Question

我是 JS 的新手，希望有人能帮助我解决这个问题。

我正在尝试淡出一个 div，然后等待两秒钟然后重定向到另一个页面。

到目前为止，我有以下内容可以根据需要进行重定向，但我认为我没有正确使用 setTimeout，因为重定向总是立即发生，与我为超时设置的值无关。

有人可以告诉我我必须如何组合它以便 JS 在重定向之前等待吗？ 如果可能的话，我想使用 setTimeout 而不是延迟等。

setTimeout(function(){ $(that).closest('div.boxBlueOuter').fadeOut(), 2000 });
// redirect to index page
window.location.href = baseURL + '/index.php?lang=' + selectedLang;

非常感谢，迈克

Answer 1

.fadeOut()可以接受回调，这就是它的样子

.fadeOut( [duration ] [, complete ] )

首先使用 fadeout 并在回调中超时 2 秒，然后重定向。应该做这样的事情。

$(that).closest('div.boxBlueOuter').fadeOut(function(){
  setTimeout(function(){
    window.location.href = baseURL + '/index.php?lang=' + selectedLang;
  }, 2000);
});