Javascript 将自动播放添加到jQuery幻灯片

目前我有四个全宽的登录页。我想添加功能，将启用自动播放。这将改变功能，使其更像幻灯片，而不像静态登录页

我当前的登录页导航有一个“当前导航项选择器”；下面是我当前导航的代码，我想在其中添加jquery自动播放功能：

$(document).ready(function() {
    /** nav selector **/
    var bodyid = $('body').attr('id');   
    $('nav a.'+ bodyid).addClass('active');
    $("body").css("display", "none");

    $("body").fadeIn(500);

    $("a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(500, redirectPage);     
    });

    function redirectPage() {
        window.location = linkLocation;
    }
});

以下是我的导航HTML：

这是我的CSS： 导航{ 位置：绝对位置； 最高：4%； 左：10.45%；
} 导航a{ 浮动：左； 显示：内联块； 宽度：15px； 高度：15px； 利润率：0.7px； 背景：#fff； 不透明度：.85； 边界半径：999px； 光标：指针； 过渡：所有150ms； } 导航a：悬停，导航a激活{ 不透明度：1； 背景：#007cc0；

---

对于初学者，您可以考虑使用IFRAME来封装登陆页面，以便一些传输控件或导航可以为用户保持不变。你目前的安排听起来可能令人困惑，但我不知道目的，所以

我建议您在每个登录页的HTML中静态定义下一页，然后在一段时间后使用setTimeout（）导航到该位置

更复杂的实现将包括一种停止自动播放的方法

var nextPage = "http://your_domain.com/landing_page_2.html"; // set in each page.
var autoPlayEnabled = true; // toggle this with a play/pause button of some kind.

function navToNext()
{
   if(autoPlayEnabled)
   {
       $("body").fadeOut(500, function(){ window.location = nextPage; });           
   }
}

setTimeout(navToNext, 5000); // five seconds

---

@JaredMichaelCzerew：如果这对你有效，请将其标记为答案。让我知道。很乐意帮忙。谢谢你的帮助@Taylor。我决定使用带有自动启动脚本的插件。