A nano framework for synchronized DOM updates

syncron.js

(function() {
  var consoleError,
      renderLoop,
      queue = [],
      rAF = window.requestAnimationFrame || function(fn) {
        setTimeout(fn, 0)
      }
  
  if (typeof console === "object" &&
      typeof console.error === "function") {
    consoleError = function(error) {
      console.error(error)
    }
  } else {
    consoleError = function() {}
  }

  window.enqueue = function(fn) {
    queue[queue.length] = fn
  }

  renderLoop = function() {
    var error, i

    rAF(renderLoop)

    for (i = 0; i < queue.length; ++i) try {
      queue[i]()
    } catch(error) {
      consoleError(error)
    }

    queue = []
  }

  rAF(renderLoop)
})()

Compatible with something like IE5, or when then added setTimeout. That is also why I need to double check console.error.