jQuery Add Class Timer for Divs

by nickadeemus2002

HTML

<div class="changeMe">
add class flip, please!
</div>
<div class="changeMe">
add class flip, please!
</div>
<div class="changeMe">
add class flip, please!
</div>
<div class="changeMe">
add class flip, please!
</div>
<div class="changeMe">
add class flip, please!
</div>

CSS

div{padding:10px;margin:10px;}
.flip{border:1px solid #585858; background-color:#ff0000;font-weight:bold;color:#fff;}

JavaScript

$(document).ready(function(){
    
    var allDivs = $('.changeMe').toArray();
    var i = allDivs.length;
    var divCounter = 0;
    
    (function addMyClass() {
          setTimeout(function() {
            if (divCounter < i) {
              $(allDivs[divCounter]).addClass('flip');
                divCounter++;
                addMyClass();
            }
         }, 2000);
    })();  
    
});