JSFiddle - React, Tailwind, and code Playground

HTML

<body class="background1">
    
</body>

CSS

body {
	background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-one.png');
	background-repeat: repeat;
}

body.background1{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-one.png');background-repeat: repeat;}
body.background2{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-two.png');background-repeat: repeat;}
body.background3{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-three.png');background-repeat: repeat;}
body.background4{background-image: url('http://elevancement.com/novus-theme/wp-content/themes/project.novus.theme/img/pattern-four.png');background-repeat: repeat;}

JavaScript

$(document).ready(function(){
	setInterval(function() {
	  $("body").toggleClass('background2', 1000);
	  $("body").toggleClass('background3', 1000);
	  $("body").toggleClass('background4', 1000);
	}, 3000);
});