无限循环 Javascript 函数，随机图像

Question

我正在尝试设计一个循环函数，从我的 html 中提取图像并将它们放置在屏幕上的随机位置。到目前为止它正在工作。但是，我希望它随机地重复更改图像和位置。现在，代码在加载时运行一次并且保持静态。我一直在尝试使用循环，但到目前为止它们要么不起作用，要么使页面崩溃。

window.onload = function() {
  randomPlace1('parameter');
};


function getRandomInt(max) {
  return Math.floor(Math.random() * max);
}


var idNum = (getRandomInt(86));
setTimeout("randomPlace1()", 30000);


var i = 0;

function randomPlace1() {
  setTimeout(function() {
    document.getElementById("i" + idNum).style.display = "block";
    document.getElementById("i" + idNum).style.top = Math.floor(Math.random() * 101);
    document.getElementById("i" + idNum).style.left = Math.floor(Math.random() * 101);
    document.getElementById("i" + idNum).style.zIndex = Math.floor(Math.random() * 10);
  }, 3000);

}

Answer 1

尝试改用 setInterval...

.setTimeout() //executes the code after x seconds.
.setInterval() //executes the code **every** x seconds.

无限循环 Javascript 函数，随机图像

Infinite Looping Javascript function, random image

javascript

loops

repeat

infinite-loop

web-deployment