JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box blue position" id="move_box"> </div>

CSS

.box {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.blue {
    background: #00f;
}

.position {
    margin-top: 50px;
}

JavaScript

var i = 1;
var div = document.getElementById('move_box');

function myLoop() {
    setTimeout(function() {
        div.style.top = i * 10 + 'px'
        div.style.left = i * 10 + 'px'
        i++;
        if (i < 5) {
            myLoop();
        }
    }, 1000)
}

myLoop(); //  start the loop