Javascript ile tablodaki satır sırası ile arkaplan rengi nasıl değiştirilir?

Merhaba;

Javascript'te tablodaki satırların arkaplanını setinterval kullanarak sırası ile değiştirmeye çalışıyorum ama bir türlü beceremedim.

Kodlarım;

HTML Tarafı:

<table id="table">
<tr>
    <td>AAA11</td>
    <td>BBB11</td>
</tr>
<tr>
    <td>AAA22</td>
    <td>BBB22</td>
</tr> 
<tr>
    <td>AAA33</td>
    <td>BBB33</td>
</tr> 
<tr>
    <td>AAA44</td>
    <td>BBB44</td>
</tr>
</table>
<br /><br />
<span id="btn">tıkla</span>

Css

.red {
background-color: red;
}

JS

var table = document.getElementById("table");
var rows = table.getElementsByTagName("tr");
function aaa(){
    for (var i = 0; i < rows.length; i++) {
        var index=0;
        var c = rows[i].className;
            if(c!="red") {
                index=i;
            } else {
                index = i+1;
            }
        sec(index);
    } 
    setInterval(aaa(), 2000);   
}

function sec(index){
    for (var i = 0; i < rows.length; i++) {
        if(index==i) {            
            rows[index].className="red";
        } 
        if(index!=i ){
            rows[index].className="null";
        }
    }
}
$('#btn').click(function(){
    setInterval(aaa(), 2000); 
});