JSFiddle - React, Tailwind, and code Playground

HTML

<div id='PJ'>
    <img src='skin/pj/1-1-1-1-5.png' />
</div>

CSS

#PJ
{
    height:42px;width:42px;
    overflow:hidden;
    position:absolute;
    top:0px;left:0px;
}

JavaScript

function animPJ()
{
	var anim=setInterval(function(){
		var position= -1*(k*hauteur);
		$('#PJ img').css("margin-top",position);
		k++;
		if(k==nbimages){k=0;}
	},200);
	var hauteur=42;
	var nbimages=4;
}
	var X=0;
	var Y=5;
	
	var k=0;var ml=0;var mt=0;
	ml=X*42;mt=Y*42;
	animPJ();
	$('#PJ').animate({
		top:mt+'px',
		left:ml+'px',
	}, 3500 ).clearInterval(anim);