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 currentColor='white';
    var red = 0;
    var green = 0;
    var blue = 0;
    var top = 0;
    var left = 0;
    setInterval(function(){
        $('.object').css('top', top += 10);
        $('.object').css('left', left += 10);
        $('.object').css('background-color', 'rgb('+(red+=10)+','+(green+=10)+','+(blue+=10)+')');
        }, 1000);
};