我正在尝试在给定可变项目列表的情况下运行多个计时器。代码如下所示：
var list = Array(...);
for(var x in list){
setInterval(function(){
list[x] += 10;
console.log(x + "=>" + list[x] + "\n");
}, 5 * 1000);
}
上面代码的问题在于，唯一被更新的值是列表末尾的项目，乘以列表中的项目数。
任何人都可以提供解决方案和一些解释，以便我知道它为什么会这样？
所以，有几点：
setInterval()维护一个引用，x而不是x它在每个特定迭代期间存在的快照值。因此，随着x循环中的变化，它也在每个回调函数中更新。for...in用于枚举对象属性，在数组上使用时可能会出现意外行为。setTimeout()而不是setInterval().您可以通过向以下对象提供附加参数来将参数传递给您的回调函数setTimout()：
var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);数字将通过值而不是引用传递。下面是一个例子：
var list = [1,2,3,4];
for (var x = 0, ln = list.length; x < ln; x++) {
setTimeout(function(y) {
console.log("%d => %d", y, list[y] += 10);
}, x * 500, x); // we're passing x
}var list = [1, 2, 3, 4, 5];
for (var i = 0, len = list.length; i < len; i += 1) {
(function(i) {
setInterval(function() {
list[i] += 10;
console.log(i + "=>" + list[i] + "\n");
}, 5000)
})(i);
}这是工作代码：
var list = [1, 2, 3, 4, 5];
for (var i = 0, len = list.length; i < len; i += 1) {
(function(i) {
setInterval(function() {
list[i] += 10;
console.log(i + "=>" + list[i] + "\n");
}, 5000)
})(i);
}
这里的索引i存储在一个匿名函数中，因此它不会被连续的循环覆盖。setInterval代码中的函数仅保留对 的最后一个值的引用i。
您不必在setInterval语句中使用 for 循环。试试这个：
var list = Array(...);
var x = 0;
setInterval(function() {
if (x < list.length;) {
list[x] += 10;
console.log(x+"=>"+list[x]);
}
else return;
x++;
}, 5000);
您可以组合forEach和setTimeout以使用间隔循环遍历数组。
let modes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let interval = 1000; //one second
modes.forEach((mode, index) => {
setTimeout(() => {
console.log(mode)
}, index * interval)
})我不知道如何使用 for 循环执行此操作，但此处的代码将按时间间隔打印出数组中的每个元素：
function displayText(str) {
$('.demo').append($('<div>').text(str));
}
var i = 0;
var a = [12, 3, 45, 6, 7, 10];
function timedLoop() {
setTimeout(function () {
displayText(a[i]);
i++;
if(i < a.length) {
timedLoop();
}
}, 2000)
}
timedLoop();
使用一些 jquery 在浏览器中显示它。