JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">A</div>
<button>Stop</button>

CSS

#a { position: relative }

JavaScript

$("#a")
    .animate({ left: "+=100" }, 2000)
    .animate({ top: "+=100" }, 2000)
    .animate({ left: "-=100" }, 2000)
    .animate({ top: "-=100" }, 2000);

$("button").click(function () {
    while ($("#a").queue().length) {
        $("#a").stop(false, true);
    }
});