JSFiddle - React, Tailwind, and code Playground

by Vladimir Sobolev

HTML

<div id="sonic"></div>

CSS

div {
    background:url(http://www.sonicworld.net/site/media/sprites/sonic/soniccd.gif) 0 0 repeat-x;
    width: 48px;
    height: 48px;
}

JavaScript

$(function(){
    var sonic = $('#sonic'),
        w = 48,
        f = 0,
        fm = 6;
    setInterval(function(){
        sonic.css({"background-position":(-w*f)+"px 0"});
        f = f<fm?f+=1:0;
    },100);
});