javascript - JQuery/JavaScript : Using a random number generator as a setInterval() timer

Question

我是 JS/Jquery 的新手，我试图让图像以设定的时间间隔出现在随机位置(就像打地鼠游戏)，目前设置为每 3 秒重复一次，但我想让图像在 1 到 2 秒之间的随机时间出现。

这是我遇到问题的代码:

var roleTime = Math.floor(Math.random()*(2000-1000));
        setInterval(function(){
            randRole();

        }, 3000);

我尝试使用 roleTime 变量代替 3000ms，但它只会导致图像快速填充它所包含的 div。

Answer 1

setInterval 只能使用单个间隔值(回调之间的间隔大致相同)。但您可以使用重复的 setTimeout 来代替:

function cycle() {
    setTimeout(function() {
        randRole();
        cycle();
    }, 1000 + Math.floor(Math.random() * 2000));
}
cycle();

另请注意如何计算 1000(含)和 3000(不含)之间的随机数:它需要 1000，然后添加 0(含)和 2000(不含)之间的随机数。