代码之家 › 专栏 › 技术社区 › Matthew

如何用超时重置for循环参数

settimeout for-loop javascript

Matthew · 技术社区 · 7 年前

value > 10 ?

let x = 0
let ln = 12

function getValue() {
  // Returns an integer value
}

for (x; x <= ln; x++) {
  setTimeout(() => {
    getValue((value) => {
      if(value > 10) x = 0; // Restart for loop - doesn't seem to be working as intended
      if(x == 12) // do something else
    })
  }, 10)
}

1 回复 | 直到 7 年前

Mark 7 年前

我认为实现这一目标的更好方法是 setInterval . 保留一个计数器,该计数器随对的每次调用而递增 setInterval() 如果计数器达到极限,请用清除间隔 clearInterval . 如果符合其他条件,则将计数器重置为零:

let nums = [1, 2, 3, 12, 4, 1, 2, 4, 6, 3]
let i = 0
function getValue(fn){
    fn(nums[i % nums.length])
    i++
}

const MAX_ITERATIONS = 10

let iteration = 0
let int = setInterval(() => {
    getValue((value) => {
        if(value > 10) iteration = 0; // Reset the counter
        else iteration++
    })
    console.log("loop iteration: ", iteration)
    if (iteration >= MAX_ITERATIONS) clearInterval(int)
}, 1000)

MAX_ITERATIONS 它将在第二次获得大于10的值之前到达循环的末尾并停止:

let nums = [1, 2, 3, 12, 4, 1, 2, 4, 6, 3]
let i = 0
function getValue(fn){
    fn(nums[i % nums.length])
    i++
}

const MAX_ITERATIONS = 4

let iteration = 0
let int = setInterval(() => {
    getValue((value) => {
        if(value > 10) iteration = 0; // Reset the counter
        else iteration++
    })
    console.log("loop iteration: ", iteration)
    if (iteration >= MAX_ITERATIONS) clearInterval(int)
}, 1000)

推荐文章

Gourav Srivastava · 我应该如何使用回调来获得期望的结果?

3 年前

Nikos Tzoun · addEventListener[重复]中带有参数“this”的SetTimeout调用函数

7 年前

Mer · 文本输入中的打字机效果在Firefox中不起作用

7 年前

Abido · setTimeout节点内存泄漏(Meteor)

7 年前

aman.s · 选中复选框5秒后刷新JavaScript页面

7 年前

Sanju · 如何在每次函数调用之前等待setTimeout?

7 年前

Casey Crookston · 在计时器上重复/循环ajax调用-即使超时

7 年前

Alperb · 如何在按键功能中设置超时功能

7 年前

DannyArcher · 我可以在设置间隔中插入多个设置超时吗?

7 年前

CraZyDroiD · 在reactjs中使用setTimeout连续更改状态

8 年前