在无限循环中淡入淡出

我在一个类下有不同的元素，我希望它们在无限循环内随机淡入和淡出。我可以让他们现在随机淡入，但坚持淡化元素。在无限循环中淡入淡出

另一件事是，在淡出之后，我想要延迟几秒钟，然后再次淡入。

这是我的代码片段，希望它会有所帮助。

$(document).ready(function() { 
    $('.share').each(function(i){ 
     var rand = 1 + Math.floor(Math.random() * 7);//max of random 7 seconds 
     $(this).fadeIn(rand*1000).delay(500).fadeOut(); 
    }); 
});

来源

2012-08-07 ocinisme

对不起，该怎么做？ – ocinisme 2012-08-07 04:10:21

对于您的答案很好的问题，请点击最佳答案旁边的复选标记。 – 2012-08-07 04:13:08

欲了解更多信息，请访问：http：//meta.stackexchange.com/questions/16721/how-does-accept-rate-work – 2012-08-07 04:14:21

如果你想淡出之间的间隔是随机的，以及，你可以使用这个：

$('.share').each(function(i) { 
    loopInfinitely($(this)); 
}); 

function loopInfinitely(elem) { 
    var rand = 1 + Math.floor(Math.random() * 7) * 1000;//max of random 7 seconds 
    setTimeout(function() { 
     elem.fadeIn(rand).delay(300).fadeOut(rand); 
     loopInfinitely(elem); 
    }, rand); 
}

如果你也想的元素出现，为了消失，你可以使用以下内容：

loopInfinitely($('.share')); 

function loopInfinitely(elems) { 
    var rand = 1 + Math.floor(Math.random() * 7) * 1000;//max of random 7 seconds 
    setTimeout(function() { 
     var i = 0; 
     (function advanceElem() { 
      if (elems.length <= i) { 
       loopInfinitely(elems); 
       return; 
      } 
      elems.eq(i).fadeIn(rand).delay(300).fadeOut(rand); 
      setTimeout(advanceElem, rand*2+300); 
      i++; 
     })(); 
    }, rand); 
}

让我知道这是如何工作的。

来源

2012-08-07 04:11:05 jeff

我试过你的代码，它给了我未捕获的类型错误：不能调用fadeIn的undefined，我做错了什么？ – ocinisme 2012-08-07 04:18:28

@ocinisme - 不，我在代码中发现了一个错误（只有第一个调用被传递给元素）。再试一次。 – jeff 2012-08-07 04:20:03

谢谢老兄，它工作。顺便说一句，我怎么能调整fadeIn和fadeOut的速度，因此它可能看起来像在元素出现，一个接一个很好地丢失？ – ocinisme 2012-08-07 04:22:35

做一个fade_element_in()功能与$('.share').fadeIn()里面，和fade_element_out()功能。然后在每个函数内使用Javascript的setInterval函数在您首选的延迟之后调用其他函数。中提琴，无限循环。

来源

2012-08-07 04:08:35

您可以使用常规JavaScript计时器定期调用您的代码。

setInterval(function() 
    { 
     $('.share').each(function(i) 
     { 
      var rand = 1 + Math.floor(Math.random() * 7);//max of random 7 seconds 
      $(this).fadeIn(rand*1000).delay(500).fadeOut(); 
     }) 
    }, 3000);

来源

2012-08-07 04:08:50

我会避免在异步调用中使用'setInterval'。根据我的经验，它总是在某些时候被解雇。 – 2012-08-07 04:36:21

在无限循环中淡入淡出

回答

相关问题