случайное изображение фона с JavaScript с помощью setInterval

Question

Как получить случайный фоновый рисунок для нашей веб-страницы по заданному интервалу?

Пример: у меня есть выбор изображения как imgg переменная

let imgg = [ "red", "pink", "yellow", "brown", "white"]

let foto = document.querySelector(".container")

Теперь я хочу установить этот фоновый .container на цвет этого массива и хочу setInterval и продолжать изменять без остановкиКто-нибудь может дать мне предложение?

Answer 1

Используйте из этого кода:

var images=['http://www.planwallpaper.com/static/images/stunning-images-of-the-space.jpg',
            'https://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/pia20645_main.jpg?itok=dLn7SngD',
            'http://24space.ru/uploads/posts/2014-12/1418220047_asteroid.jpg',
            'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-1jIpSolSoVubMTdKYhIJyQxqEOK66TT01y2PJXrddMsPz2dx'];
var url=0;
setInterval(function(){
   url+=1;
  if(url==4){
    url=0;
  }
  document.body.style.backgroundImage = 'url('+images[url]+')';
  document.body.style.backgroundRepeat = "no-repeat";
},5000);