JSFiddle - React, Tailwind, and code Playground

HTML

<div class="object"></div>

CSS

.object {
        width: 100px;
        height: 100px;
        position: relative;
        top: 0px;
        left: 0px;
        background-color: white;
        border: 1px solid;
}

JavaScript

window.onload = function(){   
    var red = 0;
    var green = 0;
    var blue =0;
    setInterval(function(){
        var t = parseInt($('.object').css('top')) + 10;
        var l = parseInt($('.object').css('left')) + 10;
        red += 10;
        green += 10;
        blue += 10;
        $('.object').css({top: t}).css({left: l}).css({'background-color': '#' + red.toString(16) + green.toString(16) + blue.toString(16)});
    }, 1000);
};