Criei uma função que vai trocando cores (puxadas de um array) em determinados elementos da página (que também estão em array), porém ficou muito estranho, pois vai trocando as cores dos elementos um após o outro. Queria fazer algo diferente, como: Sortear o elemento e a cor que irão ser modificados. Como eu adapto a minha função para fazer isso?
Exemplo -> http://jsbin.com/citoq/1/watch?output
window.onload = function(){
var box = document.getElementsByClassName('box');
var background = ["#f36", "#C3C", "#fc0", "#FC6", "#9C0"];
cor=0;
div=0;
setInterval(function(){
box.item(div).style.backgroundColor = background[cor];
cor++; div++;
if(cor>=background.length){
cor=0;}
if(div>=box.length){
div=0;}
},2000)
}