JSFiddle - React, Tailwind, and code Playground

HTML

<img src="48_800[1].jpg" height="50px" width="50px"><br>
<input type="button" value="start" id="btn"><br>

JavaScript

$(document).ready(function () {
        $('#btn').click(function () {
            var i = setInterval(function () {
                $('img').animate({
                    'margin-left': '+=100px'
                }, 'fast');
                var a = $('img').css('margin-left');
                console.log(a+"-"+a.substring(0,a.lastIndexOf('px')));
               
                if (a.substring(0,a.lastIndexOf('px')) >= 1200) {
                      clearInterval(i);
                }
            }, 50);
        });
    });