JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

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

CSS

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

JavaScript

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