简单的500延迟，然后连续重新循环所有fadeIn > fadeOuts
简单的500延迟，然后连续重新循环所有fadeIn > fadeOuts
提问于 2017-02-21 03:43:00
我有以下简单的jQuery链定时fadeIn和fadeOuts，它们最初在页面加载时发生。我只是试图让这些循环不断，循环将在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);回答 1
Stack Overflow用户
回答已采纳
发布于 2017-02-21 04:36:19
我相信this就是您正在努力实现的目标，希望它能有所帮助！
jQuery：
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();HTML：
<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">CSS：
.item, .item1, .item2, .item3{
display: none;
width: 300px;
height: 300px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42353003
复制相关文章
相似问题
腾讯云开发者
