JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    
</div>

CSS

html, body, #wrapper {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    background-image:url('http://i.imgur.com/oGvNc0L.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center center;
}

JavaScript

var imageArray = ['http://i.imgur.com/oGvNc0L.png', 'http://i.imgur.com/IGKVr8r.png', 
                  'http://i.imgur.com/EJ3W1KM.jpg', 'images/indexbg05.jpg', 
                  'http://i.imgur.com/fJkpiYQ.png'];
var imageIndex = 0;

function changeBgImage(){
    var imageUrl = "url('" + imageArray[imageIndex] + "')";
    $('body').css('background-image', imageUrl);
    imageIndex++;
    if (imageIndex >= imageArray.length) {
        imageIndex = 0;
    }
}

setInterval(changeBgImage, 5000);