JSFiddle - React, Tailwind, and code Playground

CSS

body {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

JavaScript

var c = ["#00FFFF", "#F5F5DC", "#FFEBCD", "#A52A2A", "#7FFF00", "#6495ED", "#00FFFF", "#B8860B", "#A9A9A9", "#556B2F", "#8B0000", "#483D8B", "#00CED1", "#00BFFF", "#1E90FF", "#228B22", "#F8F8FF", "#808080", "#808080", "#CD5C5C", "#F0E68C", "#7CFC00", "#F08080", "#D3D3D3", "#FFB6C1", "#87CEFA", "#B0C4DE", "#32CD32", "#800000", "#BA55D3", "#7B68EE", "#C71585", "#FFE4E1", "#000080", "#6B8E23", "#DA70D6", "#AFEEEE", "#FFDAB9", "#DDA0DD", "#FF0000", "#8B4513", "#2E8B57", "#C0C0C0", "#708090", "#00FF7F", "#008080", "#40E0D0", "#FFFFFF", "#9ACD32", ];
 var i = 0;
 var myVar = setInterval(function () { myTimer() }, 500);

 function myTimer() {
    document.getElementsByTagName('body')[0].style.background = c[i];
    i = i + 1;
    if (i >= c.length) i = 0;
 }