Javascript JQuery:使数组中的一系列字符串按顺序淡入淡出

Javascript JQuery:使数组中的一系列字符串按顺序淡入淡出,javascript,jquery,arrays,Javascript,Jquery,Arrays,我试图让数组中的一组字符串淡入淡出,然后切换到数组中的下一个字符串。下面的代码直接跳到数组中的第三个元素。我不知道怎么做,也不知道为什么 var msg=[“测试编号1”、“测试编号Dos”、“测试,第三个”]; $(文档).ready(函数(){ 褪色(); 设置间隔(衰减,15000); }); 函数fade(){ var i; 对于(i=0;i

我试图让数组中的一组字符串淡入淡出,然后切换到数组中的下一个字符串。下面的代码直接跳到数组中的第三个元素。我不知道怎么做,也不知道为什么

var msg=[“测试编号1”、“测试编号Dos”、“测试,第三个”];
$(文档).ready(函数(){
褪色();
设置间隔(衰减,15000);
});
函数fade(){
var i;
对于(i=0;i
测试消息

让setInterval进行实际衰落。不要在实际函数中执行任何for/loops操作,否则会破坏淡入淡出的目的(淡入淡出会在整个数组中快速循环,并显示最后的结果)。淡入淡出函数只需获取数组的下一个索引,并对该元素进行淡入淡出:

var msg=[“测试编号1”、“测试编号Dos”、“测试,第三个”];
$(文档).ready(函数(){
褪色();
设置间隔(衰减,5000);
});
var i=0;
函数fade(){
$(“#消息”).fadeOut(1000,function(){
$('#message').html(msg[i++%msg.length]);
$(“#消息”).fadeIn(1000)
});
}
测试消息

让setInterval进行实际衰落。不要在实际函数中执行任何for/loops操作,否则会破坏淡入淡出的目的(淡入淡出会在整个数组中快速循环,并显示最后的结果)。淡入淡出函数只需获取数组的下一个索引,并对该元素进行淡入淡出:

var msg=[“测试编号1”、“测试编号Dos”、“测试,第三个”];
$(文档).ready(函数(){
褪色();
设置间隔(衰减,5000);
});
var i=0;
函数fade(){
$(“#消息”).fadeOut(1000,function(){
$('#message').html(msg[i++%msg.length]);
$(“#消息”).fadeIn(1000)
});
}
测试消息

就是这样。谢谢一个简单的问题是,我很难确定如何设置消息在屏幕上的持续时间。我尝试在淡出时再次使用.delay,但这似乎只是增加了消息出现之间的时间。处理这个问题的最佳方法是什么?只需在
setInterval(fade,5000)中更改5000即可@Michaelgajeskit是谁干的。谢谢一个简单的问题是,我很难确定如何设置消息在屏幕上的持续时间。我尝试在淡出时再次使用.delay,但这似乎只是增加了消息出现之间的时间。处理这个问题的最佳方法是什么?只需在
setInterval(fade,5000)中更改5000即可@MichaelGajeski