timer function to change contents of DOM element at given interval (default: 5s)

roller.js

// first iteration
// v0.1

(function(globalObject, document) {

  function randomItem(collection) {
    var index = Math.floor(Math.random() * collection.length);
    return collection[index];
  }

  function roll(element, values, time) {
    time = time || 5000;
    setTimeout(function() {
      element.innerHTML = randomItem(values); 
      roll(element, values, time);
    }, time);
  }

  globalObject.roll = roll;

})(window, document);

// usage:

roll(document.querySelector('#theElement'), ["value1", "value2", "value3"]);

roll(document.querySelector('#theOtherElement'), ["value1", "value2", "value3"], 10000);