向Jquery.each添加计时延迟

我希望通过jQuery.each函数运行这个数组，并在每次迭代之间添加一个延迟，在每个附加到div的单词之间创建一个停顿。我已经看到了使用setTimeout回答的其他类似问题，但我没有成功地将其应用到我的代码中

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
每个（arr，函数（索引，值）{
$（“.testBox”）.append（“
”+value+”
”）；
console.log（'yes'）；
});
}
myFunction（）；

您可以创建计数器并使用

setTimeout（）

方法：

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
var计数=0；
每个（arr，函数（索引，值）{
setTimeout（函数（）{
$（“.testBox”）.append（“
”+value+”
”）；
console.log（'yes'）；
}，计数*1000）
计数++；
});
}
myFunction（）
.testbox{
身高：100%；
宽度：100%；
位置：绝对位置；
}
p{
显示：内联块；
}



您可以创建计数器并使用
setTimeout（）
方法：


var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
var计数=0；
每个（arr，函数（索引，值）{
setTimeout（函数（）{
$（“.testBox”）.append（“
”+value+”
”）；
console.log（'yes'）；
}，计数*1000）
计数++；
});
}
myFunction（）
.testbox{
身高：100%；
宽度：100%；
位置：绝对位置；
}
p{
显示：内联块；
}



使用
索引
增加
设置超时（）的延迟计时器

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
var$box=$（“.testBox”），//缓存容器以避免每次迭代进行dom搜索
延迟=500；//以毫秒为单位的时间
每个（arr，函数（索引，值）{
setTimeout（函数（）{
$box.append（'
'+value+'
'）；
console.log（'yes'）；
}，索引*延迟）
});
}
myFunction（）；

使用
索引
增加
设置超时（）的延迟计时器

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
var$box=$（“.testBox”），//缓存容器以避免每次迭代进行dom搜索
延迟=500；//以毫秒为单位的时间
每个（arr，函数（索引，值）{
setTimeout（函数（）{
$box.append（'
'+value+'
'）；
console.log（'yes'）；
}，索引*延迟）
});
}
myFunction（）；

只需将索引用于超时。间隔1秒的示例：

var arr = ["one ", "two ", "three ", "four ", "five "];

function myFunction() {
  jQuery.each(arr, function(index, value) {
    setTimeout(function(){
        $(".testBox").append('<p class="box">' + value + '</p>');
        console.log('yes');
    }, index*1000)
  });
}

myFunction();

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
每个（arr，函数（索引，值）{
setTimeout（函数（）{
$（“.testBox”）.append（“
”+value+”
”）；
console.log（'yes'）；
}，索引*1000）
});
}
myFunction（）；
只需将索引用于超时。间隔1秒的示例：

var arr = ["one ", "two ", "three ", "four ", "five "];

function myFunction() {
  jQuery.each(arr, function(index, value) {
    setTimeout(function(){
        $(".testBox").append('<p class="box">' + value + '</p>');
        console.log('yes');
    }, index*1000)
  });
}

myFunction();

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
每个（arr，函数（索引，值）{
setTimeout（函数（）{
$（“.testBox”）.append（“
”+value+”
”）；
console.log（'yes'）；
}，索引*1000）
});
}
myFunction（）；
无需添加新变量来计算迭代次数，只需使用
索引
参数

var arr = ["one ", "two ", "three ", "four ", "five "];

function myFunction() {
 jQuery.each(function(index, value) {
    setTimeout(function() {
      $(".testBox").append('<p class="box">' + value + '</p>');
      console.log('yes');
    }, 1000 * index)
  });
}

myFunction();

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
每个函数（索引、值）{
setTimeout（函数（）{
$（“.testBox”）.append（“
”+value+”
”）；
console.log（'yes'）；
}，1000*索引）
});
}
myFunction（）；
无需添加新变量来计算迭代次数，只需使用
索引
参数

var arr = ["one ", "two ", "three ", "four ", "five "];

function myFunction() {
 jQuery.each(function(index, value) {
    setTimeout(function() {
      $(".testBox").append('<p class="box">' + value + '</p>');
      console.log('yes');
    }, 1000 * index)
  });
}

myFunction();

var arr=[“一”、“二”、“三”、“四”、“五”]；
函数myFunction（）{
每个函数（索引、值）{
setTimeout（函数（）{
$（“.testBox”）.append（“
”+value+”
”）；
console.log（'yes'）；
}，1000*索引）
});
}
myFunction（）；
进一步：是否可以通过一个循环来运行myFunction（）；10倍？@samseurynck，不客气。我很高兴它起作用了。我不明白你想进一步实现什么。请您再解释一下，或者根据您现在所拥有的内容制作一个示例，好吗？我想多次运行函数myFunction（），直到数组中的文本填满整个窗口。我一直在猜测，最好的方法是通过循环运行函数，这样“一”“二”“三”“四”数组就会被一次又一次地追加，而myFunction（）的延迟则保持不变。这更有意义吗？到目前为止，我有这个，这不是我想要的，因为数组没有像以前那样按顺序追加。啊，就是这样！再次感谢。进一步：是否可以通过一个循环来运行myFunction（）；10倍？@samseurynck，不客气。我很高兴它起作用了。我不明白你想进一步实现什么。请您再解释一下，或者根据您现在所拥有的内容制作一个示例，好吗？我想多次运行函数myFunction（），直到数组中的文本填满整个窗口。我一直在猜测，最好的方法是通过循环运行函数，这样“一”“二”“三”“四”数组就会被一次又一次地追加，而myFunction（）的延迟则保持不变。这更有意义吗？到目前为止，我有这个，这不是我想要的，因为数组没有像以前那样按顺序追加。啊，就是这样！再次感谢你。