How to redirect a page at a specific time

Question

I am trying to find a way to redirect a page to another page at exactly 7:58 EST Every day then redirect back at 9 PM EST every day any ideas or advice on this?

Answer 1

I created something for you to trigger your function every x seconds and redirect to wherever you want

window.setInterval(function(){ //This will trigger every X miliseconds

    var date = new Date(); //Creates a date that is set to the actual date and time

    var hours = date.getHours(); //Get that date hours (from 0 to 23)
    var minutes = date.getMinutes(); //Get that date minutes (from 0 to 59) 

   if (hours == 7 && minutes == 58 ){
       //redirect to where you want
   } else if( hour = 21 && minutes == 00){
       //redirect to where you want
   } 

}, 1000); //In that case 1000 miliseconds equals to 1 second

Now, talking about UTC and setting it. You can set it when you create your date, there is a topic talking only about that: Create a Date with a set timezone without using a string representation AND How to initialize a JavaScript Date to a particular time zone

Sometimes I would recomend using something like moment.js. I hope my answer helps you someway

Answer 2

Redirecting to another page is quite straight forward, however redirecting back to the originating page isn't as easy.

To achieve this effect, you might consider wrapping the pages you want to navigate to and from, in an <iframe> element, where the page containing the <iframe> controls the navigation at those key times.

You could also consider setting up up an interval to check for and run this navigation logic (if needed) every one minute using setInterval(). To simplify the manipulation and querying of times (in relation to your timezone), you might find momentjs helpful.

These ideas are combined in the snippet below:

/*
Run this logic once per minute
*/
const oncePerMinute = () => {

  /*
  Get iframe and current iframe src
  */
  const iframe = document.querySelector('iframe');
  const iframeSrc = iframe.getAttribute('src');
  
  /*
  The url's to display for either time slot
  */
  const dayUrl = 'daytimeurl'
  const nightUrl = 'nighttimeurl'

  /*
  Adjust time to EST (-5hr)
  */
  const momentEST = moment().utc().utcOffset('-0500');

  /*
  If between 7:58am and 9:00pm update iframe to show day url
  */
  if(momentEST.isBetween(moment('7:58am', 'h:mma'), moment('9:00pm', 'h:mma'))) {
    
    if(iframeSrc !== dayUrl) {
      iframe.setAttribute('src', dayUrl);
    }
  }
  /*
  Othwise, update iframe to show night url
  */
  else {
    
    if(iframeSrc !== nightUrl) {
      iframe.setAttribute('src', nightUrl);
    }
  }
}

/*
Will set interval to run oncePerMinute every minute
*/
setInterval(oncePerMinute, 1000 * 60);

oncePerMinute();

iframe {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
<iframe></iframe>