How to refresh page on specific day at specific time in specific time zone?

后端未结

关注

 5  482

I am developing a website that has two back to back web broadcasts. I have used PHP to display the time that the buttons should be enabled and disabled. Now I need to use Ja

相关标签:

5条回答

误落风尘

2020-12-17 05:24
You can add the test even for the day of the week, for example :
```
now.getDay() == "Sunday"
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
失恋的感觉

2020-12-17 05:31
I had the same problem as you. I'm building a site that sounds a lot like yours, also using PHP to enable and disable page elements before and after the broadcast time. Your solution seemed promising, but ultimately I was dissatisfied using pure Javascript for the page reload. Javascript gets its time from the client's machine, whereas PHP gets it from the server, and even a small difference between the two could wreck the whole system. (i.e. the page could refresh 30 seconds before the PHP enabled the buttons, causing some viewers to assume the whole thing is down.)

I solved the problem by using PHP to tell the Javascript function what time it is, and it works like a charm. The only issue is that it runs every day, instead of just on one day of the week, but that doesn't bother me- users will have no reason to be viewing the page other than the broadcast day.

This is all you need- I put this right after the <body> tag:
```
<script type="text/javascript">
setTimeout(function() { window.location.reload(true); }, 1000*<?php 
$then = mktime(15,00,0);
$tomorrow = mktime(15, 00, 0, date("m") , date("d")+1);
$now = time(); 
if ($now > $then) {echo $tomorrow - $now;}
else {echo $then - $now;}?>); </script>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

故里飘歌

2020-12-17 05:39

I figured it out. Here's the script:

function refreshAt(hours, minutes, seconds, day) {
    var now = new Date();
    var then = new Date();
    var dayUTC = new Date();

    if(dayUTC.getUTCDay() == day) {

        if(now.getUTCHours() > hours ||
       (now.getUTCHours() == hours && now.getUTCMinutes() > minutes) ||
        now.getUTCHours() == hours && now.getUTCMinutes() == minutes && now.getUTCSeconds() >= seconds) {
        then.setUTCDate(now.getUTCDate() + 1);
        }

    then.setUTCHours(hours);
    then.setUTCMinutes(minutes);
    then.setUTCSeconds(seconds);


    var timeout = (then.getTime() - now.getTime());
    setTimeout(function() { window.location.reload(true); }, timeout);
    }
}

And then I just call the refreshAt() function:

 refreshAt(20,00,0,1); //Will refresh the page at 8:00pm on Monday UTC or 3:00pm EST

0 讨论(0)

盖世英雄少女心

2020-12-17 05:43
An alternative approach would be to use Pusher. This keeps an open connection to receiving events.

Include the Pusher javascript:
```
<script src="http://js.pusher.com/1.11/pusher.min.js"></script>
```
Bind to a pusher event of "refresh" with this code:
```
var pusher = new Pusher('abc123'); // Get a key when you sign up and replace this
var refreshChannel = pusher.subscribe('refreshing');
refreshChannel.bind('refresh', function(thing) {
  location.reload(true);
});
```
Then at 8pm (or whenever you want) manually issue a pusher event on the Pusher control panel page, and all of the people currently viewing the page would be reloaded.
0 讨论(0)
发布评论:

提交评论
- 加载中...
一生所求

2020-12-17 05:44
```
function refreshAt(day, hours, minutes, seconds) 
{
    Date.getDay() = day
...
}
```
0 is Sunday, 6 is Saturday.
0 讨论(0)
发布评论:

提交评论
- 加载中...