Javascript on window resize end

Question

I am calling a function when the window is resized like this:

window.addEventListener(\"resize\", calculateDimensions());

But I need a way

Answer 1

You could set a Timeout and reset it when resize is fired again. So the last timeout isnt canceled and the function is run:

function debounce(func){
  var timer;
  return function(event){
    if(timer) clearTimeout(timer);
    timer = setTimeout(func,100,event);
  };
}

Usable like this:

window.addEventListener("resize",debounce(function(e){
  alert("end of resizing");
}));