jQuery 轮播图 控制每个图片的切换时间

可以使用定时器和jQuery的animate()函数来控制每个图片的切换时间。具体做法如下：

1. 定义一个索引变量index，用于记录当前显示图片的索引。

var index = 0;

2. 使用定时器setInterval()函数，每隔一定时间就轮播到下一张图片。例如每2秒切换一次图片。

setInterval(function() {
    // 切换到下一张图片
    index ++;
    if(index >= 图片总数) {
        index = 0;
    }
    
    // 使用animate()函数切换图片
    $('图片容器选择器').animate({
        'margin-left': -index * 图片宽度
    }, 500);
}, 2000);

3. 在animate()函数中设置一个过渡时间，这个时间就是控制每个图片的切换时间。例如上面的代码中，每个图片的切换时间为500ms。

注意：在使用animate()函数进行图片切换时，需要给图片容器设置一个固定的宽度，并且图片需要全部横向排列在容器内部，否则会出现排版问题。