javascript - jQuery:使用 setTimeout 时函数未执行两次

Question

我有以下代码，函数“placeNewSponsor”应该每 4 秒重复一次。 (该函数应放置图像，3 秒后隐藏它们，等待 1 秒并重复自身)。但是当我测试这个时，该函数只执行一次。

function placeNewSponsor() {
  $('.sponsorContainer').each(function() {

    var imageCount = $(".imageContainer").children().length;

    do {
      randomInt = Math.floor(Math.random() * imageCount + 1);
    } while ($.inArray(randomInt, usedNumbers) !== -1);

    usedNumbers.push(randomInt);
    var randomImage = $('.imageContainer a:nth-child(' + randomInt + ')').clone();

    $(this).append(randomImage);
  });

  usedNumbers = [];

  // Hide after 3 seconds
  setTimeout(function() {
    $('.sponsorContainer').hide();
  }, 3000);

  // Re-activate function
  setTimeout(placeNewSponsor, 4000);
}

placeNewSponsor();

Answer 1

您隐藏了容器，但从未重新显示它们。

$('.sponsorContainer').show();  //show them
setTimeout(function(){ $('.sponsorContainer').hide(); }, 3000);  //hides them