JSFiddle - React, Tailwind, and code Playground
HTML
<div id='testme'>
</div>
CSS
#testme {
height: 200px;
width: 200px;
border: 1px solid red;
background: repeat;
}
JavaScript
var rotate = 0;
var sampleImages = [
'https://cdnjs.cloudflare.com/ajax/libs/fatcow-icons/20130425/FatCow_Icons16x16/angel.png',
'https://cdnjs.cloudflare.com/ajax/libs/fatcow-icons/20130425/FatCow_Icons16x16/anchor.png',
'https://cdnjs.cloudflare.com/ajax/libs/fatcow-icons/20130425/FatCow_Icons16x16/arch_linux.png'
]
setBackground();
function setBackground() {
rotate = rotate+1;
if (rotate >= sampleImages.length) {
rotate = 0;
}
var testme = document.getElementById('testme');
testme.style.backgroundImage = "url("+sampleImages[rotate]+")";
setTimeout(setBackground, 800);
}