Javascript 如何在foreach循环中为我的动画文本添加延迟

嗨，我有动画，将幻灯片文本了，但它太快了，我想减慢它。 我正在使用.pend使动画正常工作

这是我的代码，我只是想放慢追加的速度

$splitByWords.each（函数（）{

var$this=$（this）；
var words=$this.text（）.split（“”）；
$this.empty（）；
var空间；
$。每个（字、函数（i、v）{
space=v==''class=“space”：''；
$this.append（“+v+”；
});

}))

---

谢谢，

您可以在其周围加上一个

setTimeout

。请注意，增加超时时间很重要，否则，这些字会延迟出现，但会同时出现。据我所知，您希望一个字一个字出现，每个字之间有一个短的延迟

还要注意的是，在代码中创建

空格

变量的语句没有使用，因此我在这里省略了它。您将

单词

定义为按空格分割一些文本。因此，单词数组将不包含任何单个空格字符。因此，用于分配给

空格

的三元运算符始终返回相同的字符

var$this=$（this）；
const words=$this.text（）.split（“”）；
$this.empty（）；
$。每个（字、函数（i、v）{
setTimeout（函数（）{
$this.append（`${v}`）；
}，i*100）；
});

var $this = $(this);
var words = $this.text().split(" ");
$this.empty();
var space;
$.each(words, function (i, v) {
  space = v === ' ' ? ' class="space"' : '';

    $this.append("<span" + space + ">" + v + "</span>";


});