制作一个每 3 秒更改一次变量的函数

Question

我正在制作一个小游戏，我想制作一些每 3 秒改变一次 x 位置的点。我的问题是它只打印出第一个值。 我试图让它尽可能简单。

我尝试了 console.log(i)，发现循环运行良好，但 randomX 变量变化不止一次。

var randomX = 0;
var i = 0, spawnXCount = 10;

function makeRandomXPosition(){

	i++;
	if (i < spawnXCount){
		setTimeout(makeRandomXPosition, 3000);
		
	}
	randomX = Math.floor(Math.random()*1000)+1;
}


makeRandomXPosition();
console.log(randomX);

Answer 1

你有什么作品。只是因为你把console.log()放在哪里，它看起来只做了一次。把它移到函数中，你会看到它每次都在变化。

var randomX = 0;
var i = 0, spawnXCount = 10;

function makeRandomXPosition(){
    i++;
    if (i < spawnXCount){
        setTimeout(makeRandomXPosition, 3000);	
    }
    randomX = Math.floor(Math.random()*1000)+1;
    console.log(randomX);
}


makeRandomXPosition();

如果你想用 randomX 做点什么，你要么需要在计时器上做点别的事情，或者可能更好，让那个东西调用 makeRandomXPosition()，然后再做一些事情。

var randomX = 0;
var i = 0, spawnXCount = 10;

function makeRandomXPosition(){
    i++;  
    randomX = Math.floor(Math.random()*1000)+1;
}

function doSomething() {
  makeRandomXPosition();
  console.log(randomX); // do something with randomX
  
  if (i < spawnXCount) {
    setTimeout(doSomething, 3000);
  }
}


doSomething();

在游戏中，您通常会有一个主游戏循环，负责触发所有基于时间的事物并做出整体决策。