JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.helpinghomelesscats.com/images/cat1.jpg" id="myimage" class="g" />
<button id="stop" >STOP!</button>
<button id="capture">capture</button>

JavaScript

var images = ['http://www.creativereview.co.uk/images/uploads/2012/10/1_press_image_l_for_the_lol_of_cats_l_maru_0.jpg',
              'http://blog.naseeb.com/wp-content/uploads/2010/12/cute-cat.jpg',
              'http://www.helpinghomelesscats.com/images/cat1.jpg'];

var loop = 0;

function refreshImages() {
    $('#myimage').attr('src', images[loop]);

    loop++;

    if (loop === images.length) {
        loop = 0;
    }
}

var setInt = self.setInterval(function() {
    refreshImages();
}, 1000);

$('#stop').click(function() {
    setInt = window.clearInterval(setInt);
});