resize, scrolll event for delay without lib

delay-resize-multi.js

var delayResize = {
  delays: [300, 600, 900],
  timers: [],
  clearAlltimers: function() {
    var l = this.timers.length
    for(var i=0; i<l; i++){
      clearTimeout(this.timers[i])
    }
  },
  dispachEv: function(e){
    window.dispatchEvent(new Event(e))
  },
  handleEvent: function() {
    this.clearAlltimers()
    this.delays.forEach(function(e,i) {
      // this.timers[i] = setTimeout(this.log, e, i)
      this.timers[i] = setTimeout(this.dispachEv, e, `delay${e}`)
    }, delayResize)
  }
}
window.addEventListener('resize', delayResize)

// example
var logEvType = (ev)=> console.log(ev.type)
window.addEventListener('delay300', logEvType)
window.addEventListener('delay600', logEvType)
window.addEventListener('delay900', logEvType)

delay-resize.js

window.addEventListener("resize", {
  timer400: "",
  handleEvent: function(){
    clearTimeout(this.timer400)
    this.timer400 = setTimeout(function(){
      window.dispatchEvent(new Event("delayResize:400"))
    }, 400)
  }
}, false)

window.addEventListener("delayResize:400", function(ev){
  console.log(ev.type)
}, false)