JSFiddle - React, Tailwind, and code Playground

HTML

<div id='test'>Hello World</div>

CSS

#test {
    position: relative;
    left: 50px;
    top: 25px;
    width: 20px
}

JavaScript

var elem = document.getElementById('test');
var currentPos = 0;

var requestAnimationFrame = window.requestAnimationFrame || 
                            window.mozRequestAnimationFrame || 
                            window.webkitRequestAnimationFrame || 
                            window.msRequestAnimationFrame;
  
function fn() {
    currentPos += 5;
     
    elem.style.left = currentPos + "px";
     
    if (Math.abs(currentPos) >= 900) {
        currentPos = -500;
    }
        requestAnimationFrame(fn);
}
fn();
 
setTimeout(function() {
     cancelAnimationFrame(fn);
   }, 1000)