永远重复一个功能[重复]

Question

下面我调用一个函数。该函数等待，然后淡出图像，等待，然后将其淡入。

function fadeOut() {
  $('img.my-image').delay(5000).fadeOut(500, function() {
    $('img.my-image').delay(5000).fadeIn(500);
  });
}
fadeOut();

我怎样才能让这个功能永远重复？我可以在 fadeOut 函数的结束 } 之前放置一行代码，使其重新从头开始吗？

更新 - 这是我的 Drupal 站点。看来代码应该可以工作。 http://smartpeopletalkfast.co.uk/t/

这是我的确切代码：

$(document).ready(function() {
  if ( $(window).width() > 960) {
    function fadeOutFunc() {
      $('.image-list .bottom').delay(1000).fadeOut(500, function() {
        $('.image-list .bottom').delay(1000).fadeIn(500,fadeOutFunc);
      });
    }

    fadeOutFunc();
    // jQuery('.image-list .bottom').css('opacity','0.6');
  }    
});

Answer 1

是的，只需告诉它在fadeIn 结束时调用自己。幸运的是，jQuery 内置了对此的支持，您已经在使用它来在淡出后淡入：

function fadeOut() {
    $('img.my-image').delay(5000).fadeOut(500, function() {
        $('img.my-image').delay(5000).fadeIn(500,fadeOut); // <-- see the tiny change?
    });
}

fadeOut();

编辑：在我看来，您可以使用更多 jQuery 的语法来稍微简化一下：

function fadeOut() {
    $('img.my-image').delay(5000).fadeOut(500).delay(5000).fadeIn(500,fadeOut);
}
fadeOut();

Answer 2

如果是我，我会使用 setInterval:

setInterval(function fadeOut() {
    $('img.my-image').delay(5000).fadeOut(500, function() {
        $('img.my-image').delay(5000).fadeIn(500);
    });
}, 1000);

这将每 1 秒加载一次函数，因为 1000 毫秒是 1 秒。而且它不会停止！

编辑：您可以在工作中使用任意多的秒数。只需将它们用作 second_count * 1000 作为 2*1000 或 2000 2 秒。

这不是 Jan Dovark 的问题，您可以尝试使用以下代码：

$(window).focus(function() {

所以 setInterval 在窗口选项卡处于焦点时起作用！