javascript - 如何使用javascript自动循环浏览页面？

Question

我想以一定的时间间隔循环浏览 5 页。下面的代码只能循环遍历所有页面一次。我怎样才能让它无限循环这 5 个页面而不是只运行一次？

HTML

<div class="page">Page 2 Content</div>
<div class="page">Page 3 Content</div>
<div class="page">Page 4 Content</div>
<div class="page">Page 5 Content</div>

Javascript

window.onload = function() {
    var TIME_PER_PAGE = 2000;
    var pages = document.querySelectorAll('.page');
    var numPages = pages ? pages.length : 0;
    var i = -1;

    function nextPage() {
        if (i >= 0)
            pages[i].classList.remove('currentPage');
        i++;
        pages[i].classList.add('currentPage');
        if (i < numPages - 1)
          setTimeout(nextPage, TIME_PER_PAGE);
    }

    nextPage();
}

Answer 1

这是代码片段和工作 fiddle :http://jsfiddle.net/u62bqb62/1/

function nextPage() {
    if (i >= 0)
        $(pages[i]).removeClass('currentPage');

    i = ++i % numPages;

    $(pages[i]).addClass('currentPage');

    setTimeout(nextPage, TIME_PER_PAGE);
}