javascript - 无法在 for 循环中设置超时

Question

我正在构建一个西蒙游戏。在每一轮之后，玩家应该看到他必须在下一轮进行的 Action 。所以我创建了一个函数 showMoves 来闪烁他必须玩的方 block 。问题是该函数没有显示任何内容。谁能告诉我我错过了什么？

// the effect
function flasher(index) {
     $(moves[index]).fadeIn(50).fadeOut(50).fadeIn(50).fadeOut(50).fadeIn(100);
}
var interval2;
// show the moves that supposed to be played
function showMoves() {
    for (var i = 0; i < moves; i++) {
        if (i === 0) {
            interval2 = setTimeout(flasher(i), 1000);
        } else {
            interval2 = setTimeout(flasher(i), (i+1) * 1000);
        }
     }
 }

Answer 1

setTimeout 接受一个函数作为第一个参数。我假设您通过调用 flasher 试图避免 this situation .在你的情况下，应该这样做:

  function showMoves() {
    for (var i = 0; i < moves; i++) {
      if (i === 0) {
        interval2 = setTimeout(function(i) {return function() {flasher(i)}}(i), 1000);
      } else {
        interval2 = setTimeout(function(i) {return function() {flasher(i)}}(i), (i+1) * 1000);
      }
    }
  }