Animate a png onclick with a loop that fades in and out and stop it with onclick of another button.

gistfile1.js

<!--Html-->
<img src="l1.png" class="lights">

<a href="#" class="play">click me</a>
<a href="#" class="pause">Stop Lights</a>


<!--Jquery-->
<script type="text/javascript">
$(document).ready(function(){
var playstatus;
(function($){
    playing = function() {
        return setInterval(function() {
           $( '.lights' ).fadeIn( 500 ).fadeOut( 300 );
}, 1000 );
    };
    
})(jQuery);

$(".play").click(function(){
    playstatus = playing();
});
$(".pause").click(function(){
   clearInterval(playstatus);
});

});
</script>