转到下一页

Question

我正在尝试在32秒后重定向到另一个页面。我需要一个平稳过渡到第二页。现在的过渡是非常突然的，看起来不是很好。有什么想法吗？

这是我的问题：

function redirect() {
                window.location = $('a').attr('href');

            }

            setTimeout(redirect, 32000);

HTML5：

<a href="Holiday_Final.htm"></a>

Answer 1

您不能使用淡入淡出效果进行重定向。您必须使用ajax来执行此类动画。

但是你可以试试这个

function redirect() {
    $('body').fadeOut(1000,function(){
        window.location = $('a').attr('href');
    });
}
setTimeout(redirect, 31000);

在重定向之前，你会有一个1s的fadeOut (没有fadeIn，只是突然加载下一个页面)