如何延迟调用一个又一个javascript函数？

Question

这里我有一个JavaScript函数，它迭代数组并将图像附加到div.when，到达数组中的最后一个元素，该函数调用缩放div的翻转函数，并在3秒后重复该函数。也就是说，在3秒内，我们可以看到翻转的内容，3秒后，它再次从数组迭代中继续...

我有6组与给定below...for示例flip-1，flip-2，flip-3相同的函数，依此类推，直到flip-6。现在我想做的是，只要flip-1完成3秒的翻转，我就调用flip-5。我该怎么做呢？

function startSlidecat1(started) {
  for (var i = 0; i < footwear.length; i++) {
    var image = footwear[i][0];
    imgslidercat1(image, i / initial_del * 8000, i == footwear.length - 1);
  }
};

function imgslidercat1(image, timeout, last) {
  window.setTimeout(function() {
    document.getElementById('flip-1').style.display = 'none';
    document.getElementById('category-1').style.display = 'block';
    document.getElementById('category-1').innerHTML = "";
    var product = document.getElementById('category-1');
    var elem = document.createElement("img");
    product.appendChild(elem);
    elem.src = image;
    if (last) {            
        flip1();
    }
  }, timeout);
}
startSlidecat1();

function flip1(){    
    $('#category-1').css('display', 'none');    
    $('.box-1').delay(100).css('display', 'block');
    //$('#category-1').delay(100).addClass("closeover"); 
    $('.box-1').addClass("opensesame");  
    setTimeout(closeIt, delay_time);
    //flip2();
  }

function closeIt(){
   // $('.box-1').addClass("closesesame");
    //$('.box-1').removeClass("closesesame");     
    $('#category-1').addClass("opensesame");
    setTimeout(startSlidecat1, 400);     
}

Answer 1

setTimeout(flip5,3000);

这将在3秒(= 3000ms)后调用"flip5“函数。