JSFiddle - React, Tailwind, and code Playground

HTML

<div class="change me">Item 1</div>
<div class="change me">Item 2</div>
<div class="change me">Item 3</div>
<div class="change me">Item 4</div>
<div class="change me">Item 5</div>
<div class="change me">Item 6</div>

CSS

body { 
    font-family: Helvetica, Arial, sans-serif; 
    font-size:20px;
}
div { 
    background-color: #fff; 
    display: block; 
    border-bottom: 1px solid #ccc;
    background-image: url(http://cdn.sstatic.net/Img/mini-hero-bg.png?v=7f269bbbdb22); 
}
.change { 
    background-image: none;  
}

JavaScript

var divs = $(".me").toArray();
var divlength = divs.length;
setInterval(function(){    
    var randomnum = Math.floor(Math.random()*divlength);
    var randomdiv = divs[randomnum];  
    $(randomdiv).addTemporaryClass("change", 1000);    
}, 1000);

$.fn.extend({     
    addTemporaryClass: function(className, duration) {        
        var elements = this;      
        setTimeout(function() {
            elements.addClass(className);
        }, duration);
        return this.each(function() {
            $(this).removeClass(className);
        });       
    }
});