setTimeout第一次延迟不生效

Question

setTimeout 无法按预期工作，因为它将随后执行下面的代码，而不等待延迟运行“setTimeout”的第一个参数

(function() {
    var a = ['#bird','#flower','#cat'];
    var totalno = settings.imageArray.length;
    function rotateImages(start) {
        var nextImage = start + 1;
        if(nextImage % totalno == 0){
        nextImage=0;
        }

        //do animate here
        $(settings.imageArray).fadeOut();

        window.setTimeout(function() {
            rotateImages(++start % totalno);
        }, settings.imageArray[start].delay);
    }
    rotateImages(0);
})();

是否有一种方法可以编写它，以便它不会立即淡出第一个图像？

一个简化的版本是：

(function() {
    var a = ['#bird','#flower','#cat'];

    function rotateImages(start) {
             //do something here

        window.setTimeout(function() {
            rotateImages(++start % a.length;);
        }, 1000);
    }
    rotateImages(0);
})();

Answer 1

它将执行下面的代码
随后无需等待
延迟运行第一个参数
'设置超时'

看起来您正在直接开始第一次旋转。而不是：

rotateImages(0);

尝试延迟开始第一次旋转，例如：

window.setTimeout(function() {
        rotateImages(0);
    }, settings.imageArray[0].delay);