JQUERY随机多引号旋转器需要调整

我正在努力使我的多报价旋转器工作

我有一把JS小提琴正在演奏

jQuery（函数（）{
变量quotes1=[
[“75”，“快乐客户”]，
['25'，'每天键入电子邮件']，
];
变量quotes2=[
['14'，'一天一杯'，
[“1”，“吱吱作响的椅子”]，
];
var quotes3=[
['70'，'电话/天']，
['5'，'蜘蛛']，
];
var quotes4=[
['1000'，'在键盘上键入']，
[“100%”，“合格人员”]，
];
var quotes5=[
[‘55’，‘飞机’]，
[500”，“女孩”]，
];
var quotes6=[
['160'，'正在运行搜索引擎优化活动']，
[“1”，“吱吱作响的椅子”]，
];
$（'.circle.one'）.loadText（引号1200）；
$（'.circle.two'）.loadText（引号2400）；
$（'.circle.three'）.loadText（引号3600）；
$（'.circle.four'）.loadText（引号4800）；
$（'.circle.five'）.loadText（引号51000）；
$（'.circle.six'）.loadText（引号61200）；
});
$.fn.loadText=函数（引号，间隔）{
返回此值。每个（函数（）{
var obj=$（本）；
var quote=随机数组（quotes）；
var delaytest=delaytest；
var quote_text='
'+quote[[0]，[0]+'
'+'
'+quote[[0]，[1]+'
'；
obj.parent（）.fadeOut（'linear'，function（）{
obj.empty（）.html（引用文本）；
obj.parent（）.fadeIn（500）；
});
$（“#quote reload”）。单击（函数（）{
如果（！obj.is（':animated'）{
对象加载文本（引号、间隔）；
} 
});
});
}
函数随机数组（aArray）{
var rand=Math.floor（Math.random（）*aArray.length+aArray.length）；
var randArray=aArray[rand-aArray.length]；
返回数组；
}

我的问题是，我希望我的6个引号在动画中一个接一个地出现

我能做的就是在全球范围内淡入淡出

---

我说的有道理吗？

与其将一个函数应用于每个元素，不如将一个函数应用于元素列表

查看演示如何做到这一点

我能做的就是在全球范围内淡入淡出

这是因为您正在将

fadeIn

和

fadeOut

应用于所有

.circle

元素的

parent（）

容器。将淡入淡出动画应用于对象本身。有关更多详细信息，请参见以下小提琴：

此外：

使用

delay（）

交错动画

使用

fadeTo（）

而不是

fadeIn/fadeOut

-

fadeTo（）

仅为不透明度设置动画，而

fadeIn/fadeOut

也将隐藏元素，导致元素位置抖动

---

你好，李，谢谢你的回复。谢谢你关于fadeTo的提示。它正在接近我想要的，我正在慢慢地变得更好。我现在主要担心的是，我的网站上有很多bug，虽然在我的网站上，它一开始运行得很好，但是我点击的次数越多，它就越滞后。。。。

jQuery(function(){
var quotes1 = [
[ '75', 'Happy Clients' ],
[ '25', 'Emails Typed a day' ],
];

var quotes2 = [
[ '14', 'Coffes a day' ],
[ '1', 'Squeacky Chair' ],
];
var quotes3 = [
[ '70', 'Phone Calls / Day' ],
[ '5', 'Spiders' ],
];
var quotes4 = [
[ '1000', 'Types on the keyboard' ],
[ '100%', 'Qualified Personel' ],
];
var quotes5 = [
[ '55', 'Planes' ],
[ '500', 'Girls' ],
];
var quotes6 = [
[ '160', 'Seo Campaigns running' ],
[ '1', 'Squeacky Chair' ],
];

$('.circle.one').loadText( quotes1, 200); 
$('.circle.two').loadText( quotes2, 400 ); 
$('.circle.three').loadText( quotes3, 600 ); 
$('.circle.four').loadText( quotes4, 800 ); 
$('.circle.five').loadText( quotes5, 1000 ); 
$('.circle.six').loadText( quotes6, 1200 );
});

$.fn.loadText = function( quotes, interval ) {
return this.each( function() {
    var obj = $(this);
    var quote = random_array( quotes );
    var delaytest = delaytest;
    var quote_text = '<p class="facts_h1">' + quote[[0],[0]] + '</p>' + '<p   class="facts_p">' + quote[[0],[1]] + '</p>';

    obj.parent().fadeOut( 'linear', function() { 
            obj.empty().html(quote_text );  
            obj.parent().fadeIn(500);
    });

    $("#quote-reload").click( function(){ 
            if( !obj.is(':animated') ) { 
                obj.loadText( quotes, interval );
           } 
    });
});
 }
 function random_array( aArray ) {
    var rand = Math.floor( Math.random() * aArray.length + aArray.length );
    var randArray = aArray[ rand - aArray.length ];
    return randArray;
 }