包裹setTimeout的立即调用函数表达式(IIFE)仅执行一次后停止

嘿，我来帮你揪出这个循环只跑一次的问题！你的核心问题出在递归逻辑没有正确触发下一轮循环，另外代码里的随机数生成也有个小bug，我一步步给你修正：

问题分析 #

1. 递归触发缺失：你用IIFE启动了第一次执行，但在setTimeout里没有再次调用循环函数，导致执行一次后就终止了。
2. 随机数无效：Math.floor(Math.random())永远返回0（因为Math.random()生成0~1之间的小数，向下取整后就是0），这样飞船的Y轴位置不会有变化。

修正后的完整代码 #

// 飞船移动函数（修复随机数问题）
function spaceShipMove(spaceShipToMove) {
  // 生成0到500的随机Y值（可根据你的布局需求调整范围）
  var randomY = Math.floor(Math.random() * 501); 
  spaceShipToMove.style.webkitTransform = 'translate(-3000px, ' + randomY + 'px)';
}

// 自动启动的递归循环（修复递归触发问题）
(function startShipLoop() {
  // 假设你已经通过create...生成了spaceShipsList，这里取第一个飞船示例
  var targetShip = spaceShipsList[0]; 
  spaceShipMove(targetShip);

  // 关键：在setTimeout中再次调用循环函数，实现持续递归
  setTimeout(startShipLoop, 2000); // 2000ms为循环间隔，可自行调整
})();

为什么这样有效？ #

• IIFE会在代码加载时立即执行一次，启动第一个循环周期。
• 每次setTimeout到期后，会再次调用startShipLoop函数，重复执行飞船移动逻辑，形成持续循环。
• 修正后的随机数生成能让飞船每次移动都有不同的Y轴偏移，符合你的需求。

扩展：遍历所有飞船的循环 #

如果你想让列表里的所有飞船都循环移动，只需把单飞船逻辑改成遍历即可：

(function startShipLoop() {
  // 遍历所有飞船，逐个执行移动
  spaceShipsList.forEach(function(ship) {
    spaceShipMove(ship);
  });

  setTimeout(startShipLoop, 2000);
})();

内容的提问来源于stack exchange，提问作者Edgar Kiljak