Ş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?