Jquery 简单500延迟，然后重新循环所有fadeIn>；持续衰减

我有下面的简单jQuery链timed

fadeIn

和

fadeOut

s。这些最初发生在页面加载时。我只是想让这些循环持续，循环会在

500

延迟后重新启动。我曾尝试将所有这些都封装在一个超时函数中，但这破坏了它

  $('.item').delay(500).fadeIn(1500);
  $('.item').delay(2000).fadeOut(500);
  $('.item2').delay(5000).fadeIn(1500);
  $('.item2').delay(500).fadeOut(500);
  $('.item3').delay(9000).fadeIn(1500);
  $('.item4').delay(500).fadeOut(500);

我相信这就是你想要实现的，希望它能帮助你

jQuery： HTML: 我相信这就是你想要实现的，希望它能帮助你

jQuery： HTML:

---

伙计！太好了，我找了这么久。谢谢伙计！太好了，我找了这么久。谢谢

var play = function(){
  $('.item').delay(500).fadeIn(1500);
  $('.item').delay(2000).fadeOut(500);
  $('.item2').delay(5000).fadeIn(1500);
  $('.item2').delay(500).fadeOut(500);
  $('.item3').delay(9000).fadeIn(1500);
  $('.item3').delay(500).fadeOut(500, play);
  }
play();

<img class="item" src="https://www.gravatar.com/avatar/5d3b6a26fd3e42722d24791603ee8e68/?default=&s=64">
<img class="item1" src="http://7606-presscdn-0-74.pagely.netdna-cdn.com/wp-content/uploads/2016/03/Dubai-Photos-Images-Oicture-Dubai-Landmarks-800x600.jpg">
<img class="item2" src="http://static.adzerk.net/Advertisers/0932cfed3e374852a27a09c2ed27061c.png">
<img class="item3" src="https://assets.servedby-buysellads.com/p/manage/asset/id/32052">

.item, .item1, .item2, .item3{
  display:  none;
  width: 300px;
  height: 300px;
}