Question

The example is pretty straight forward, I am trying to change focus button after button. What I was unable to do though is to have the whole process repeating from button one when its over.

var allButtons = $(":button");
for (i = 0; i < allButtons.length; i++) {
    (function(index) {
        setTimeout(function() { 
            allButtons[index].focus(); 
        }, 1000*index);
    }(i));
}

---

<input type="button" value="Here" />
<input type="button" value="Here" />
<input type="button" value="Here" />
<input type="button" value="Here" />
<input type="button" value="Here" />
<input type="button" value="Here" />

---

input[type="button"]:focus { 
    color:red; 
}

See working example

Answer 1

Just use one setInterval function…

var index = -1;

setInterval(function() {
    index = (index + 1) % buttons.length;
    buttons[index].focus();
}, 1000);