Javascript 显示和隐藏无限跨度

我有这个

<span class="site-title">
<span>M</span>
<span>o</span>
<span>n</span>
<span>i</span>
<span>k</span>
<span>a</span>
</span>

M
o
N
我
K
A.

信是隐藏的。我想无限地一个字母一个字母地显示

字母“M”显示（显示：块），等待500毫秒并隐藏（显示：无），然后字母“o”显示，等待500毫秒并隐藏，以此类推

有人能帮忙吗？我需要在纯JavaScript中完成这项工作，而不是出于某种原因使用jQuery

---

亲切问候

最优雅的解决方案是使用ES6发电机功能：

函数*displayLetters（）{
while（true）{
const letters=document.queryselectoral（“.site title span”）
for（常量字母）{
letter.classList.add（'active'）
产量
letter.classList.remove（'active'）
}
}
}
常量迭代器=displayLetters（）
迭代器
setInterval（（）=>iterator.next（），500）

。网站标题span{
显示：无；
}
.站点标题span.active{
显示：块；
}

M
o
N
我
K
A.

谢谢！）非常感谢。我能再问你一件事吗？有可能阻止这一切吗？我使用一个js插件来完成事件，所以我可以给它添加一个停止函数吗？提示：使用

clearInterval

来清除超时。稍后可以使用

setInterval（…）

行重新启动它