Javascript 数组文本序列有间隙

Javascript 数组文本序列有间隙,javascript,jquery,arrays,Javascript,Jquery,Arrays,我有一个简单的数组文本序列可以工作,但我不知道如何让a、B和C显示2500,然后循环返回。现在,有一个空白框显示for2500 有人知道我如何摆脱那个空白序列吗 $('cover1-seq1').show(); var arr=$(“.cover1 seq”); var arrLen=arr.长度; var i=0; setInterval(函数(){ $(“.cover1 seq”).hide(); $(arr[i]).show(); i===arrLen?i=0:i++; }, 2500)

我有一个简单的数组文本序列可以工作,但我不知道如何让a、B和C显示
2500
,然后循环返回。现在,有一个空白框显示for
2500

有人知道我如何摆脱那个空白序列吗

$('cover1-seq1').show();
var arr=$(“.cover1 seq”);
var arrLen=arr.长度;
var i=0;
setInterval(函数(){
$(“.cover1 seq”).hide();
$(arr[i]).show();
i===arrLen?i=0:i++;
}, 2500);
.cover1 seq{
显示:无;
}
.封面1标题{
字号:6rem;
边缘底部:25px;
文本对齐:居中;
位置:相对位置;
z指数:1;
}
.1说明{
字体系列:“Roboto”,无衬线;
字体大小:3.5rem;
}

A.

描述

B

B说明

C

C说明


您可以使用modulo
%
运算符和jQuery
$.eq()函数简化代码,方法如下:

var arr=$('.cover1 seq');/。show();
var arrLen=arr.长度;
var i=0;
var循环=函数(){
var项目=arr.eq(i);
var description=item.find('.cover1 description');
arr.hide();
description.hide();
item.show();
说明.fadeIn(2000年);
i=(i+1)%arrLen;
};
loop();
设置间隔(循环,2500)
.cover1 seq{
显示:无;
}
.封面1标题{
字号:6rem;
边缘底部:25px;
文本对齐:居中;
位置:相对位置;
z指数:1;
}
.1说明{
字体系列:“Roboto”,无衬线;
字体大小:3.5rem;
}

A.

描述

B

B说明

C

C说明


只需使用
i===arrLen-1
而不是
i===arrLen
@WashingtonGuedes这么简单。谢谢请随意留下答案。我如何才能让序列立即开始,而不是在开始时出现
2500
延迟?这和我最初的问题差不多,只是现在在前端。我不想做
$('cover1-seq1')。show()。。。“有什么想法吗?”保罗。将函数保存在变量中,然后在setInterval声明之前调用它一次。检查更新的答案:)谢谢!如果我想在父封面之后将描述修改为
fadeIn
,我可以将描述css修改为
opacity:0
,然后修改为'arr.eq(I%arrLen).show();`add on
addClass('example
)`或者这会应用于数组中的所有描述吗?jQuery
$.eq()
函数通过索引返回所需的元素,您可以将其保存在一个变量中,我将演示更新我的答案以使用另一个变量
item
,该变量将当前元素保存在
I%arrLen