setTimeout，淡出并转到url

Question

我正在尝试创建一个功能，该功能在一段时间后花在特定页面上，而无需用户执行任何操作，它将重定向他到另一个页面，但具有淡出效果。一切工作正常，除了当前页面不会消失，只是简单地转到新页面即可。这是我的代码：

setTimeout(function(){
$('body').fadeOut('slow');
window.location.href = "index.html";
}, 6000);

Answer 1

在fadeOut完成后将位置更改放入要运行的回调中。

setTimeout(function(){
    $('body').fadeOut('slow', function() {
        window.location.href = "index.html";
    });
}, 6000);

这可能会使您的setTimeout变得多余。您可能只想要：

$('body').fadeOut('slow', function() {
    window.location.href = "index.html";
});

Answer 2

fadeOut方法接受另一个参数，该参数是动画完成时执行的callback函数，因此，您可以与duration参数一起传递包含重定向语句的函数：

setTimeout(function() {
  $('body').fadeOut('slow', function() {
    window.location.href = "index.html";
  });
}, 6000);

希望我进一步推动了你。

Answer 3

您应在文档或html部分中使用 fadeout（）：

$(document).fadeOut();

或

$("html").fadeOut();

我希望这会有所帮助。