var ProjectList = View.extend({ el: ".projectList", events: { "mouseenter .room": 'enter', "mouseleave .room": 'leave', }, initialize: function(){ }, timeout: null, enter: function(){ clearTimeout(this.timeout) this.advance() }, leave: function(){ clearTimeout(this.timeout) }, advance: function(){ this.timeout = setTimeout(this.advance.bind(this), 500) } /* spinOn: function(e){ var iframe = $(e.currentTarget).find("iframe").get('0') if (! iframe) return iframe.contentWindow.postMessage("spin-on", window.location.origin) }, spinOff: function(e){ var iframe = $(e.currentTarget).find("iframe").get('0') if (! iframe) return iframe.contentWindow.postMessage("spin-off", window.location.origin) } */ })