JSFiddle - React, Tailwind, and code Playground

by neal_fletcher

CSS

body {
	transition:background-color .3s linear;
    -o-transition:background-color .3s linear; 
    -moz-transition:background-color .3s linear; 
    -webkit-transition:background-color .3s linear;
}

.color1{
    background: black;
}

.color2{
    background: red;
}

.color3{
    background: blue;
}

.color4{
    background: green;
}

JavaScript

function changeColor(curNumber){
    curNumber++;

    if(curNumber > 4){
        curNumber = 1;
    }
    document.body.setAttribute('class', 'color' + curNumber);
    setTimeout(function(){changeColor(curNumber)}, 5000);  
}

changeColor(0);