如何在特定时间重定向页面

Question

我正在尝试找到一种方法，以便每天在美国东部标准时间晚上7:58将页面重定向到另一页面，然后每天在美国东部标准时间晚上9点重定向回该页面，对此有什么想法或建议吗？

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>