javascript - JQUERY 幻灯片代码压缩

Question

我刚刚开始使用 JQuery 库，到目前为止我非常喜欢它。我在这里问是否有办法压缩下面的代码。乍一看，它看起来像是大量的复制/粘贴，但这是我真正考虑这样做的唯一方法。有关我想要完成的任务的信息:没有控件的 3 图像幻灯片。该代码工作得很好，但我确信有更好的方法来实现它。

http://recordit.co/lTHpE25ukQ

setInterval(function(e){
    image += 1

    if(image == 4) {
        image = 1
    }

    if( image == 1) {
        $('.image1').addClass('active');
        $('.image2').removeClass('active');
        $('.image3').removeClass('active');
        $('.image4').removeClass('active');
    }

    if( image == 2) {
        $('.image1').removeClass('active');
        $('.image2').addClass('active');
        $('.image3').removeClass('active');
        $('.image4').removeClass('active');
    }

    if( image == 3) {
        $('.image1').removeClass('active');
        $('.image2').removeClass('active');
        $('.image3').addClass('active');
        $('.image4').removeClass('active');
    }
}, 10000);

这是我在 Stack Overflow 上发表的第一篇文章，因此请给我反馈。

Answer 1

setInterval(function(e)
{
    image += 1;
    if(image == 5){
        image = 1
    }
    $('.active').removeClass('active');
    $('.image'+image).addClass('active');

}, 10000);