x Saniyede Bir Barlara Sınıf Atama

Şimdi arkadaşlar aşağıda ki gibi bir HTML yapısı mevcut.

<div class"bars">
    <div class"bar"></div>
    <div class"bar"></div>
    <div class"bar"></div>
    <div class"bar"></div>
</div>

Barlar belli bir yüksekliğe ve genişliğe sahip. Bu barlardan birinin üzerine gelirseniz rengi değişiyor.

Normalde:

.bar {
   background: #000;
}

Üzerine gelince:

.bar:hover {
   background: #f00;
}

şimdi ben istiyorum ki jquery ile otomatik olarak her 5 saniyede bir bara :hover uygulansın. 5 saniye sonra ikinci bara hover efekti uygulansın. Nasıl yaparım bunu?

şu class'lara eşittir koymaşınız bana 2dk kaybettirdi

$(function(){
 
    
setInterval(function() {
           var $next = $('.barh').removeClass('barh').next();
if ($next.length) {
    $next.addClass("barh"); 
}
else {
    $(".bar:first").addClass('barh');
}
    
    }, 2000);
  
});

debug için ; https://jsfiddle.net/fb7tcgm3/1/

ilk bar classlı nesneye barh classı verin ve hover yerine barh tanımlayın.

kolaylıklar.

İlkinde = koymayınca, c/p ile hepsine yansıyor

Teşekkür ederim.