Javascript 如何创建具有淡入淡出效果的随机变化段落？

对于一个恐怖主题的网站，我应该创建一个包含评论的

div

我想让评论在屏幕上停留几秒钟，然后淡出屏幕，换成另一篇评论。我对如何使用

Jquery

和

absolute

css布局获得所需效果有点想法，但我在让代码完全按照我的要求执行时遇到了困难

谷歌和这个网站上的一些例子把我推向了正确的方向，但没有一个能很好地处理多个段落+随机放置。（如果访问者返回该站点，他上次会面临不同的评论）

我猜我需要一个数组

$（'leftReview'）.fadeIn（'fast'）.delay（1000）.fadeOut（'fast'）
#查看容器{
宽度：400px；
高度：400px；
保证金：0自动；
边框：2倍纯白；
颜色：白色；
背景色：#000；
位置：相对位置；
}
.leftReview{
位置：绝对位置；
排名：0；
左：0；
宽度：400px；
高度：400px；
}

回顾#1
Lorem ipsum dolor sit amet，是一位杰出的献身者。自由女神。酒后驾车

回顾#2
这是一个很好的例子。纳拉姆·内克·佩伦茨克·利奥，欧盟普尔文纳·维利特

回顾#3
粗犷的射手座坐在阿梅特·奥迪奥·康莫多（amet odio Comodo）的马莱苏阿达·努拉（malesuada nulla elementum）。Integer pretium，sem nec车辆dapibus

复习#4
阿尔库精英权杖埃尼姆，以非多洛的形式出现。普罗因·内克·弗里利亚·米。Nunc commodo nulla vitae ipsum eleifend发酵液

要进行此操作，请先使用
setInterval
事件并使您的div在
上显示：none

请尝试


$（文档）.ready（函数（）{
var-id=0；
var carrousel=设定间隔（旋转，1200）；
函数rotate（）{
if（id！=$（'.leftReview'）.length）{
$（'.leftReview'）.eq（id）.fadeIn（100）.delay（1000）.fadeOut（100）
id++；
}
}
})
#查看容器{
宽度：400px；
高度：400px；
保证金：0自动；
边框：2倍纯白；
颜色：白色；
背景色：#000；
位置：相对位置；
}
.leftReview{
位置：绝对位置；
排名：0；
左：0；
宽度：400px；
高度：400px；
显示：无
}

回顾#1
Lorem ipsum dolor sit amet，是一位杰出的献身者。自由女神。酒后驾车

回顾#2
这是一个很好的例子。纳拉姆·内克·佩伦茨克·利奥，欧盟普尔文纳·维利特

回顾#3
粗犷的射手座坐在阿梅特·奥迪奥·康莫多（amet odio Comodo）的马莱苏阿达·努拉（malesuada nulla elementum）。Integer pretium，sem nec车辆dapibus

复习#4
阿尔库精英权杖埃尼姆，以非多洛的形式出现。普罗因·内克·弗里利亚·米。Nunc commodo nulla vitae ipsum eleifend发酵液

要将
div
随机化，需要使用函数获取一个随机数


$（文档）.ready（函数（）{
设置间隔（旋转，1200）；
})
变量面板=$（'.leftReview'）；
var-arr=[]；
var rand=getRandom（面板长度）；
panels.eq（rand.fadeIn（）；
函数rotate（）{
var visible=panels.filter（':visible'）.fadeOut（函数（）{
panels.eq（getRandom（panels.length））.fadeIn（）；
});
}
函数getRandom（长度）{
if（arr.length==长度）{
arr=[]；
}
var rand=Math.floor（Math.random（）*长度）；
如果（arr.indexOf（兰德）>-1）{
返回getRandom（长度）
}
arr.push（兰特）
返回兰特；
}
#查看容器{
宽度：400px；
高度：400px；
保证金：0自动；
边框：2倍纯白；
颜色：白色；
背景色：#000；
位置：相对位置；
}
.leftReview{
位置：绝对位置；
排名：0；
左：0；
宽度：400px；
高度：400px；
显示：无
}

回顾#1
Lorem ipsum dolor sit amet，是一位杰出的献身者。自由女神。酒后驾车

回顾#2
这是一个很好的例子。纳拉姆·内克·佩伦茨克·利奥，欧盟普尔文纳·维利特

回顾#3
粗犷的射手座坐在阿梅特·奥迪奥·康莫多（amet odio Comodo）的马莱苏阿达·努拉（malesuada nulla elementum）。Integer pretium，sem nec车辆dapibus

复习#4
阿尔库精英权杖埃尼姆，以非多洛的形式出现。普罗因·内克·弗里利亚·米。Nunc commodo nulla vitae ipsum eleifend发酵液

这很酷，但它不会循环，也不是随机的，很遗憾！不过还是要谢谢你。在代码片段中，setInterval工作正常，循环正常。但你的浏览器是什么？你的调试器有错误吗？这太棒了！如果有一个选项可以确保同一号码不能连续播放两次。。。或者在整个事情循环之前，最好。那也可能吗？顺便说一句，你提前拿到我的支票了^^莫斯福，你的回答也一样。刚才在我的测试中它做了2 1 2 4 1 2。最好的办法是，在再次使用相同的数字之前，它将所有4个都做了。当然，你的答案不会连续两次给出相同的答案。谢谢你的回答，非常感谢！我刚刚更新了我的答案。现在它的支持随机和显示所有4，然后再次随机4等伟大的工作！非常感谢。我要把这个改成最好的答案对不起，弗兰克，但不用担心，我把你的正确答案投了更高的票来弥补这个错误^^