如何自动播放滑块

Question

我想自动播放此滑块

http://tympanus.net/codrops/2012/12/31/how-to-create-a-simple-multi-item-slider/

我做了这些更新，

$(function() {
        $( '#mi-slider' ).catslider();
         });
counter=1;
$( '#mi-slider' ).catslider().current=0;
setInterval(repeate,3000);
function repeate(){
        $( '#mi-slider' ).catslider().showCategory( counter );
        counter++
        if(counter>3)
        counter=0;
        }

但添加和删除css类存在一些问题。

感谢。

Answer 1

var changeTime = 5000;
var actualCat = 0
setInterval(function() {
self.showCategory(actualCat);
if(actualCat < $('#mi-slider ul').length - 1) {
actualCat++;
}else {
actualCat = 0;
}
}, changeTime);

Answer 2

尝试使用这些代码

$（function（）{

            counter=1;
            $( '#mi-slider' ).catslider().current=0;
            setInterval(repeat,3000);
            function repeat(){
                    $( '#mi-slider' ).catslider().showCategory( counter );
                    counter++
                    if(counter>3)
                    counter=0;
                    }

                });