javascript - 如何让这个 slider 自动播放？

Question

我已经从这个 Site 下载了 slider 我想得到这个 Slider自动播放，但我似乎无法让它工作，有谁知道我如何实现这一点？我试着玩下面的代码，但无法得到我想要的。

 function init() {
    [].forEach.call(document.querySelectorAll('.tt-grid-wrapper'), function (el) {

        var grid = el.querySelector('.tt-grid'),
            items = [].slice.call(grid.querySelectorAll('li')),
            navDots = [].slice.call(el.querySelectorAll('nav > a')),
            isAnimating = false,
            current = 0;

        navDots.forEach(function (el, i) {
            el.addEventListener(eventtype, function (ev) {
                if (isAnimating || current === i) return false;
                ev.preventDefault();
                isAnimating = true;
                updateCurrent(i);
                loadNewSet(i);
            });
        });

Answer 1

你可以尝试这样的事情:

 function init() {
    [].forEach.call(document.querySelectorAll('.tt-grid-wrapper'), function (el) {

        var grid = el.querySelector('.tt-grid'),
            items = [].slice.call(grid.querySelectorAll('li')),
            navDots = [].slice.call(el.querySelectorAll('nav > a')),
            isAnimating = false,
            current = 0;

        navDots.forEach(function (el, i) {
            el.addEventListener(eventtype, function (ev) {
                if (isAnimating || current === i) return false;
                ev.preventDefault();
                isAnimating = true;
                updateCurrent(i);
                loadNewSet(i);
            });
        });

        var delay = 1000;
        var num_frames = 4;
        var i = 1;

        setTimeout( function() { 
            if (isAnimating || current === i) return false;
            isAnimating = true;
            updateCurrent(i);
            loadNewSet(i);
            i >= 4 ? i = 0 : i++;
        } , delay);
};