html - How to delay javascript reload function on orientation change

Question

I am using a forced page reload on orientation change of the website and would like the page refresh to occur 5 seconds after the rotation occurs, but I cannot seem to put the timeout in the correct place.

Here is my code as it stands.

<script type="text/javascript"> // RELOADS WEBPAGE WHEN MOBILE ORIENTATION CHANGES  
    window.onorientationchange = function() { 
        var orientation = window.orientation; 
            switch(orientation) { 
                case 0:
                case 90:
                case -90: window.location.reload(); 
                break; } 
    };

Thank you so much in advance for any help!

Answer 1

setTimeout() will help you achieve this

 case -90: setTimeout(()=>{
      window.location.reload()
  },5000)

UPDATE: window does not have orientation property. It's the screen object which has orientation property. https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation

Hence the window.onorientation handler has to be:

window.onorientationchange = function() { 
    var orientation = window.screen.orientation; 
        switch(orientation) { 
            case 0:
            case 90:
            case -90: window.location.reload(); 
            break; } 
};