JSFiddle - React, Tailwind, and code Playground

HTML

<div class="animationMax">
    <img />
</div>

<button onclick="playIpad();">Play iPad</button> <br />
<button onclick="stopIpad();">Stop iPad</button> <br />

JavaScript

function iPadMovie(id) {
    $(function () {
        var i = 1;
        var interval = setInterval(function () {
            jQuery('.animationMax img').attr({
                src: 'http://jdsports.scene7.com/is/image/JDSports/127932jd' + ('0' + i).slice(-2) + '?hei=255&amp;wid=427&amp;resmode=sharp&amp;op_usm=1.1,0.5,0,0&amp;defaultImage=JDSports/sizeImageMissing'
            });
            i++;
            if (i === 28) i = 1;
        }, 100);
    });
}

function playIpad(){
    iPadMovie();
}


function stopIpad(){
    clearInterval = interval;
}