香草JavaScript列表项一次不显示一个

函数intervalTextChange（）{
var listElements=document.querySelectorAll（#uspList”）；
var指数=0；
setInterval（函数（）{
if（索引<列表元素[0].children.length-1）{
索引++；
}否则{
指数=0；
}
列表元素[0]。子项[index]。类列表。添加（“活动usp”）；
列表元素[0]。子项[index]。类列表。删除（“活动usp”）；
}, 1200);
};
intervalTextChange（）
。列出项目{
显示：无；
颜色：浅绿色；
不透明度：0；
过渡：所有0.94秒均易于输入输出；
}
.现行美国药典{
不透明度：1；
显示：块；
动画：动画播放0.94秒，快进快出向前；
}
@关键帧动画预览{
来自{显示：无；不透明度：0}
至{显示：块；不透明度：1}
}

1
2
3
4
5
执行
文档。查询选择全部（“uspList”）是没有意义的。无论如何，文档中只能有一个ID为
uspList
的元素

或者获取单个元素：

var list = document.querySelector("#uspList");

或者使用可以实际返回多个结果的表达式：

var listItems = document.querySelectorAll("#uspList > li");

既然您打算更改
元素，那么让我们使用后者：


函数intervalTextChange（）{
var list items=document.queryselectoral（#uspList>li”），
i=0；
listItems[i].classList.add（“活动usp”）；
setInterval（函数（）{
listItems[i].classList.remove（“活动usp”）；
i=（i+1）%listItems.length；
listItems[i].classList.add（“活动usp”）；
}, 1200);
};
intervalTextChange（）
。列出项目{
显示：无；
颜色：红色；
不透明度：0；
过渡：所有0.94秒均易于输入输出；
}
.现行美国药典{
不透明度：1；
显示：块；
动画：动画播放0.94秒，快进快出向前；
}
@关键帧动画预览{
来自{显示：无；不透明度：0}
至{显示：块；不透明度：1}
}

第1项
第2项
第3项
第4项
第5项
解决问题的最简单方法是使用函数
setInterval
。一开始，你必须提前得到你的名单
const list=document.querySelectorAll（'li'）
。下一步是为列表中的每个元素设置
display:none
。最简单的方法是添加类，但我创建了名为
handleviability
的函数，该函数将每个li设置为
display:none
。最后一步是创建一个循环，该循环将在每个间隔上递增。在清除功能中，通过设置
i=0
或
清除间隔（计数器）


const list=document.queryselectoral（'li'））
常量可处理性=（）=>{
list.forEach（li=>{
li.classList.add（'可见性'）
})
}
常量handleChange=（）=>{
可操作性
设i=0；
let counter=setInterval（（）=>{
可操作性
列表[i].classList.remove（'可见性'）
我++
if（i==list.length）{
i=0
}
}, 2000)
}
handleChange（）
。可见性{
显示：无；
}

一,
二,
三,
四,
五,
请在帖子中显示相关代码，并详细描述您的问题。问题是，我一次只想显示一个列表项，然后在2秒钟后隐藏它。之后，列表中的下一个元素将执行相同的操作（显示和隐藏），直到它到达最后一个元素并以相同的行为返回到第一个元素。是的，但是您面临的问题是什么？