Javascript Jquery淡入淡出循环段落，一次显示一个项目

我不能让它一次只显示一个。在只显示一个段落之前，它必须完成一个完整的循环。把我的头发拔出来

$(function(){

    setInterval(function(){$('.forumFeed > :first-child').fadeOut(3000).next('p').delay(3000).fadeIn(1000).end().appendTo('.forumFeed');}, 5000);
});

---

默认情况下，隐藏除第一段标记以外的所有标记。在setInterval中隐藏正在显示的，并显示由索引变量控制的下一个

要使项目很好地淡入/淡出，您可以在可见元素完成隐藏后淡入下一个元素

在顶部添加了一些变量，以发挥美学/循环项目的数量

所以没有moment.js，所以我硬编码了一些字符串。对于工作版本

var numberOfItems=10； var flipSpeed=2000； var衰减速度=500； var fadeInSpeed=200； 函数C{ var uniquename='rssfeed'//目标div的id 变量查询='从rss0中选择*，+numberOfItems+'，其中url=https://forums.mankindreborn.com/f/-/index.rss“；//RSS目标，0,5表示要显示的条目数 var numretries=1；//如果仍有问题，请增加此重试次数 ////////除非您愿意，否则无需在此之外进行编辑///////// 变量计数器=typeof c=='number'？c:numretries； var thisf=arguments.callee； var head=document.getElementsByTagName'head'[0]； var s=document.createElement'script'； 窗口[回调函数+唯一名称+-计数器]=函数{ 头。离体儿童； ifr&&r.query&&r.query.count==0&&counter>0{ 返回此计数器； } //r现在将YQL查询的结果包含为JSON var feedmarkup=； var feed=r.query.results.item//get feed作为条目数组 对于var i=0；i{ $'rssfeed>p'.eqindex.fadeInfadeInSpeed； }; 索引++； ifindex==$'rssfeed>p'.长度{ 指数=0； } }，翻转速度； }; 主容器{ 填充：4em； 背景：333人； 字体系列：“exo” } rssfeed p:不是：第一个孩子{ 显示：无； } a{ 字体大小： 500; 颜色：68ddda； } a:悬停{ 颜色：4ca7a4； } .firstrowwrap{ 显示器：flex； 证明内容：之间的空间； } .第二排{ 显示：块； 垫面：4px； 边缘底部：-5px； } rssfeed p{ 背景色：212121； 填充：10px； 宽度：400px； 边缘底部：2px； 颜色：4646； } .评论{ 高度：18px； 位置：相对位置； z指数：1； 左侧填充：8px； 左边距：4倍； 字体大小：12px； } .评论：之后{ 内容：； 位置：绝对位置； 宽度：100%； 身高：100%； 左：0px； 顶部：0px； 背景色：9696； 边界半径：2px； z指数：-1； 左边距：4倍； } .加时赛{ 浮动：对； 字体大小：13px； }

---

创建元素时，请检查子元素是否不是第一个子元素。如果不是，则将子项上的样式设置为display none，以便在开始时只显示第一个样式。而且，它仍然需要在每件事情中循环，才能工作，所以结果并不像预期的那样。请注意它是如何在它们之间闪烁的，然后启动fad动画循环：哇。非常感谢你，我没想到会得到这么多帮助哈哈！哈，是的，我可能有点过火了，但我认为这支笔很漂亮：谢谢你帮助它实现了：