JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  
</body>

CSS

body{
  width:100%;
  height:100%;
 
}

JavaScript

function bodyBg(){
  var interval = 1500, //милисекунды ,время интервала
      pictures = [   //массив картинок 
      'https://raw.githubusercontent.com/js-data/js-data/master/js-data.png',
      ' http://www.b2bweb.fr/wp-content/uploads/js-logo-badge-256.png',' http://www.antrromet.com/img/icon_js.png'
      ],
      i=0; //вводи временную переменную 
  

   
    setInterval(function(){
      $('body').css("background","url("+  pictures[i]+ " )" );
      i++; //после того как картинка поменялась ,будем её инкрементировать,то есть переходить на следующий индекс картинки в массиве
      if (i >= pictures.length ) //если она выйдет за пределы массива ,мы её сбрасываем
      i=0; //на 0-й индекс
    },interval);
  }


bodyBg();