使用forEach或for循环，如何在每个元素之间以1秒的延迟运行回调函数？

7 浏览
0 Comments

使用forEach或for循环，如何在每个元素之间以1秒的延迟运行回调函数？

如何使用JQuery每隔5秒调用一次函数。

我正在寻找一种自动更换幻灯片中图片的方法。

如果可能的话，我宁愿不安装任何其他第三方插件。

0

2 答案

0 Comments

原因：问题的出现是因为需要在每个元素之间有1秒的延迟运行回调函数。

解决方法：使用forEach或for循环，可以在每个元素之间使用1秒的延迟运行回调函数。

// 使用forEach
array.forEach(function(element, index) {
  setTimeout(function() {
    // 在这里运行回调函数
  }, index * 1000); // 延迟时间为索引乘以1000毫秒
});
// 使用for循环
for (var i = 0; i < array.length; i++) {
  setTimeout(function() {
    // 在这里运行回调函数
  }, i * 1000); // 延迟时间为i乘以1000毫秒
}

在这个问题中，可以使用setInterval函数在页面上注册一个间隔，以每5秒运行一次代码。然而，这个解决方法并不适用于需要在每个元素之间有1秒延迟的情况。因此，可以使用setTimeout函数来实现每个元素之间的延迟运行。

对于ES6的用户，可以使用setInterval函数来实现每隔1秒运行一次回调函数的需求。

0
0 Comments

这个问题的出现是因为提问者想要在每个元素之间有1秒的延迟，并想知道如何使用forEach或for循环来实现。下面是解决这个问题的方法：

在纯JavaScript中，不需要使用jQuery，可以使用以下代码：

var intervalId = window.setInterval(function(){
  // 在这里调用你的函数
}, 1000);

要停止循环，可以使用以下代码：

clearInterval(intervalId)

虽然提问者没有指明需要停止循环，但是我认为不需要停止。然而，对于其他需要停止循环的人来说，这也是有用的。可以参考w3schools提供的文档：w3schools.com/jsref/met_win_clearinterval.asp

你写的函数比w3schools更简洁，做得很好！

0